转载

使用 Fresco Processor 进行图片预处理

使用Fresco Processor处理图片

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

因为 蝌蚪音客 用到了图片预处理功能，如下图：

使用 Fresco Processor 进行图片预处理 使用 Fresco Processor 进行图片预处理

为了减少dom个数，作品封面左下角的小图标是在图片展现时通过Bitmap绘制上去的。之前Picasso是用transform来处理,Fresco对应的功能是通过Processor来实现的。

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

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

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

  1. public interface ProcessorInterface {
  2. public void process(Bitmap bitmap);
  3. }
  5. public class TuoFrescoProcessor extends BaseRepeatedPostProcessor {
  7. private ArrayList<ProcessorInterface> processorList = new ArrayList<>();
  9. public TuoFrescoProcessor addProcessor(ProcessorInterface processor) {
  10. this.processorList.add(processor);
  11. return this;
  12. }
  14. @Override
  15. public void process(Bitmap bitmap) {
  16. for (int i = 0; i < processorList.size(); i++) {
  17. processorList.get(i).process(bitmap);
  18. }
  19. }
  20. }

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

  1. public class OpusTypeProcessor implements ProcessorInterface {
  3. private Paint paint;
  4. private Context mContext;
  6. public OpusTypeProcessor(Context mContext) {
  7. this.mContext = mContext.getApplicationContext();
  8. paint = new Paint();
  9. }
  11. @Override
  12. public void process(Bitmap bitmap) {
  13. Canvas canvas = new Canvas(bitmap);
  14. //对bitmap进行处理
  15. canvas.drawBitmap(bitmap,*,*,*,paint);
  16. }
  17. }

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

  1. TuoFrescoProcessor processor = new TuoFrescoProcessor();
  2. //标识作品类型
  3. if (opusInfo.getOpusType() == TuoConstants.OPUS_TYPE.AUDIO || opusInfo.getOpusType() == TuoConstants.OPUS_TYPE.VIDEO) {
  4. OpusTypeProcessor opusTypeProcessor = new OpusTypeProcessor(context);
  5. opusTypeProcessor.setOpusType(opusInfo.getOpusType());
  6. processor.addProcessor(opusTypeProcessor);
  7. }
  8. //标识作品是否加精
  9. if (opusInfo.getIsFeatured()) {
  10. FeatureProcessor featureProcessor = new FeatureProcessor(context, FeatureProcessor.SOURCE_TYPE_GRID_GROUP);
  11. featureProcessor.setEnable(true);
  12. processor.addProcessor(featureProcessor);
  13. }
  15. //图片展示
  16. ImageRequest frescoRequest = ImageRequestBuilder.newBuilderWithSource(imagePath))
  17. .setPostprocessor(processor)
  18. .build();
  20. simpleDraweeView.setController(Fresco.newDraweeControllerBuilder()
  21. .setImageRequest(frescoRequest)
  22. .setOldController(simpleDraweeView.getController())
  23. .build());

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

正文到此结束
所属分类： 编程技术

热门推荐

相关文章

阿里云首购8折
说给你听

本文目录
随机标签
书籍教程
springboot-demo Java入门教程 bootstrap3 CSS Apache基础教程 php ionic 教程 Python mysql教程 eclipse Ubuntu VPS系统配置 AngularJS 教程 MongoDB教程 Struts2教程 springcloud-demo Redis教程 Spring教程 Git教程 openfire参考指南 Jenkins进阶系列 Java设计模式 HBase教程 java-demo Maven教程 hibernate教程 Docker 教程 memcached教程 Quartz指南 Ant教程 java实例教程 Hive教程 SpringCloud ANTLR教程 XStream教程 Elastic-Job-Lite Hazelcast教程 深入浅出MyBatis ibaties教程 SVN教程 rabittmq教程 Hadoop教程 solr教程 WebService CXF学习 JPA教程 ActiveMQ中文指南 Java内存模型 dubbo教程 python3-demo Linux入门视频教程
近期评论
  1. 1 SaaS MVP：从0到1的功能闭环设计指南
  2. 2 从0到1可执行的“出海型SaaS最佳MVP路径
  3. 3 用 Comet，让你的每一个问题都得到更好的答案
  4. 4 Toolhub — 一个干净实用的在线工具集合
  5. 5 又学一招：Excel 数据对比及 VBA 实现方案
  6. 6 EasyExcel 读取数值精度丢失问题与解决方案
  7. 7 mongodb重命名和创建索引
  8. 8 WordPress 删除尚未附加的图片：优化网站存储空间的实用指南
  9. 9 OVHcloud 美区购买服务器指南
  10. 10 拿到兑换码后，如何在腾讯 EdgeOne 控制台兑换、接入并体验 CDN 加速？
网站信息
  • 文章总数：82,783 篇
  • 文件总数：210,940 个
  • 标签总数：2,449 个
  • 分类总数：86 个
  • 留言数量：2,584 条
  • 在线人数：604 人
  • 运行天数：4,751天
  • 最后更新：2025年10月30日20点
Loading...

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

[HBLOG]公众号 HBLOG HBLOG