使用Fresco Processor处理图片

最近把蝌蚪音客的图片展现框架由Picasso切换到Fresco,因为Fresco使用的是公共内存区,所以切换之后的效果还是很明显的,之前app的内存占用在60MB左右,切换到Fresco后降低了将近一半。

因为蝌蚪音客用到了图片预处理功能,如下图: 
cmd-markdown-logo cmd-markdown-logo 
为了减少dom个数,作品封面左下角的小图标是在图片展现时通过Bitmap绘制上去的。之前Picasso是用transform来处理,Fresco对应的功能是通过Processor来实现的。

感觉Fresco的这个功能没有Picasso封装的方便,Picasso的transform可以支持多个,这样的话如果一个图片需要处理多次,可以通过

Picasso.with(ctx).load(path).transform(new AudioTransform()).transform(new FeaturTransform()).into(imageView);

的方式来实现,但是Fresco不支持这种方式,所以这里对官方的Processor进行了封装

public interface ProcessorInterface {
    public void process(Bitmap bitmap);
}
public class TuoFrescoProcessor extends BaseRepeatedPostProcessor {
    private ArrayList < ProcessorInterface > processorList = new ArrayList < >();
    public TuoFrescoProcessor addProcessor(ProcessorInterface processor) {
        this.processorList.add(processor);
        return this;
    }
@Override public void process(Bitmap bitmap) {
        for (int i = 0; i < processorList.size(); i++) {
            processorList.get(i).process(bitmap);
        }
    }
}

这样的话,不同的处理效果就可以放到不同的类中去实现,做到相互独立。 
这里给出一个ProcessorInterface的实现

public class OpusTypeProcessor implements ProcessorInterface {
    private Paint paint;
    private Context mContext;
    public OpusTypeProcessor(Context mContext) {
        this.mContext = mContext.getApplicationContext();
        paint = new Paint();
    }
    @Override
    public void process(Bitmap bitmap) {
        Canvas canvas = new Canvas(bitmap);
        //对bitmap进行处理
        canvas.drawBitmap(bitmap,*,*,*,paint);
    }
}

最后给出的是TuoFrescoProcessor的使用代码

TuoFrescoProcessor processor = new TuoFrescoProcessor();
 //标识作品类型
            if (opusInfo.getOpusType() == TuoConstants.OPUS_TYPE.AUDIO || opusInfo.getOpusType() == TuoConstants.OPUS_TYPE.VIDEO) {
                OpusTypeProcessor opusTypeProcessor = new OpusTypeProcessor(context);
                opusTypeProcessor.setOpusType(opusInfo.getOpusType());
                processor.addProcessor(opusTypeProcessor);
            }
//标识作品是否加精
            if (opusInfo.getIsFeatured()) {
                FeatureProcessor featureProcessor = new FeatureProcessor(context, FeatureProcessor.SOURCE_TYPE_GRID_GROUP);
                featureProcessor.setEnable(true);
                processor.addProcessor(featureProcessor);
            }
            //图片展示
             ImageRequest frescoRequest = ImageRequestBuilder.newBuilderWithSource(imagePath))
                .setPostprocessor(processor)
                .build();
        simpleDraweeView.setController(Fresco.newDraweeControllerBuilder()
                .setImageRequest(frescoRequest)
                .setOldController(simpleDraweeView.getController())
                .build());

其实七牛等文件服务器都提供了水印等功能,现在正在考虑将一部分图片处理交给七牛去做,这样的话客户端只要当做普通图片请求就可以了,可以减少客户端的性能压力。这部分还没有完成,稍后会有文章给出。