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>