java实现图片滤镜的高级玩法
ThomasB64
8年前
<h2>cv4j是一个图像处理库</h2> <p>目前,cv4j 已经支持了十几种滤镜的效果,并优化了之前的算法,除此之外我们还使用了 Rxjava2 来封装滤镜的操作。</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/e05b48fead6f280a9dcd872ea571438a.png"></p> <p style="text-align:center">多种滤镜的支持.png</p> <h2>组合滤镜</h2> <p>滤镜最初的设计是一个装饰器模式,借鉴了java的io包。</p> <pre> <code class="language-java">import com.cv4j.core.datamodel.ImageData; /** * Created by gloomy fish on 2017/3/5. */ public interface CommonFilter { ImageData filter(ImageData imagedata); }</code></pre> <p>如果要组合两个滤镜使用,必须采用形如下面的写法:</p> <pre> <code class="language-java">NatureFilter filter1 = new NatureFilter(); ImageData imageData = filter1.filter(new ColorImage(bitmap)); SpotlightFilter filter2 = new SpotlightFilter(); Bitmap newBitmap = filter2.filter(imageData).toBitmap(); image.setImageBitmap(newBitmap);</code></pre> <p>通过一个滤镜生成ImageData对象,将此对象再传入另一个滤镜,然后转换成bitmap。虽然这种写法没有问题,但是仍然感觉不爽,没有使用链式调用。因此,我写了CompositeFilters来简化多个滤镜的操作,它借助递归的思想实现组合多个滤镜。</p> <pre> <code class="language-java">import com.cv4j.core.datamodel.ImageData; import java.util.ArrayList; import java.util.List; /** * 组合使用多个滤镜 * Created by Tony Shen on 2017/3/11. */ public class CompositeFilters { List<CommonFilter> lists; public CompositeFilters() { lists = new ArrayList<>(); } public CompositeFilters addFilter(CommonFilter filter) { lists.add(filter); return this; } public ImageData filter(ImageData imageData) { if (lists!=null && lists.size()>0) { return filter(imageData,lists.size()); } return imageData; } private ImageData filter(ImageData imageData,int size) { if (size==1) { CommonFilter filter = lists.get(0); return filter.filter(imageData); } CommonFilter filter = lists.get(size-1); imageData = filter.filter(imageData); return filter(imageData,size-1); } }</code></pre> <p style="text-align:center"><img src="https://simg.open-open.com/show/1209e64d4dabcbd34d3708bd62f88c22.png"></p> <p style="text-align:center">组合滤镜.png</p> <h2>使用Rxjava2来玩转滤镜</h2> <p>Rxjava2 出来有一段时间了,平时我喜欢用 Rxjava 来做一些封装。Rxjava2 还没有玩过,这次我就用滤镜来尝鲜了。</p> <p>RxImageData是我封装对滤镜操作的类。</p> <pre> <code class="language-java">import android.graphics.Bitmap; import com.cv4j.core.datamodel.ColorImage; import com.cv4j.core.datamodel.ImageData; import com.cv4j.core.filters.CommonFilter; import org.reactivestreams.Publisher; import io.reactivex.Flowable; import io.reactivex.FlowableTransformer; import io.reactivex.android.schedulers.AndroidSchedulers; import io.reactivex.functions.Function; import io.reactivex.schedulers.Schedulers; /** * Created by Tony Shen on 2017/3/14. */ public class RxImageData { ColorImage colorImage; Flowable flowable; private RxImageData(Bitmap bitmap) { this.colorImage = new ColorImage(bitmap); flowable = Flowable.just(colorImage); } private RxImageData(ColorImage colorImage) { this.colorImage = colorImage; flowable = Flowable.just(colorImage); } public static RxImageData imageData(Bitmap bitmap) { return new RxImageData(bitmap); } public static RxImageData imageData(ColorImage colorImage) { return new RxImageData(colorImage); } public RxImageData addFilter(final CommonFilter filter) { flowable = flowable.map(new Function<ImageData,ImageData>() { @Override public ImageData apply(ImageData imageData) throws Exception { return filter.filter(imageData); } }); return this; } public Flowable toFlowable() { return flowable; } public static <T> FlowableTransformer<T, T> toMain() { return new FlowableTransformer<T, T>() { @Override public Publisher<T> apply(Flowable<T> upstream) { return upstream.subscribeOn(Schedulers.io()) .observeOn(AndroidSchedulers.mainThread()); } }; } }</code></pre> <p>具体使用如下:</p> <pre> <code class="language-java">RxImageData.imageData(bitmap) .addFilter(new NatureFilter()) .toFlowable() .compose(RxImageData.toMain()) .subscribe(new Consumer<ImageData>() { @Override public void accept(ImageData imageData) throws Exception { image.setImageBitmap(imageData.toBitmap()); } });</code></pre> <p style="text-align:center"><img src="https://simg.open-open.com/show/a804351285c2797034015b3141279491.png"></p> <p style="text-align:center">借助rxjava2操作滤镜.png</p> <p>如果想要使用组合滤镜,RxImageData可以不断地使用addFilter()方法来添加不同的滤镜。不得不说,Rxjava2 的性能非常出色。</p> <h2>色彩滤镜</h2> <p style="text-align:center"><img src="https://simg.open-open.com/show/b79fb0a7206cd008b802924c9d2dc5cc.png"></p> <p style="text-align:center">粉色风格的MM.png</p> <p>上面的效果图片是使用ColorFilter来实现的,ColorFilter已经支持多达12种颜色的风格。</p> <h2>总结</h2> <p>cv4j 是 贾志刚 和我一起开发的图像处理库,目前还处于很早期的版本。这周,我们除了新增一些滤镜和优化算法之外,还增加了对 Rxjava2 的支持哦。未来,我们还会继续增加一些滤镜功能。在做完常见的滤镜之后,我们会开始做空间卷积功能(图片增强、锐化、模糊等等)。</p> <p> </p> <p>来自:http://www.jianshu.com/p/f0ebe183c2cc</p> <p> </p>