转载

使用 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教程 Redis教程 Spring教程 Git教程 Jenkins进阶系列 openfire参考指南 Java设计模式 HBase教程 Maven教程 hibernate教程 Docker 教程 memcached教程 Quartz指南 Hive教程 Ant教程 ANTLR教程 SpringCloud java实例教程 springcloud-demo XStream教程 Hazelcast教程 Elastic-Job-Lite 深入浅出MyBatis SVN教程 ibaties教程 rabittmq教程 solr教程 Hadoop教程 WebService CXF学习 JPA教程 ActiveMQ中文指南 java-demo Java内存模型 dubbo教程 python3-demo Linux入门视频教程
近期评论
  1. 1 Spring Cloud Consul实现选举机制
  2. 2 Spring Boot集成ShedLock实现分布式定时任务
  3. 3 利用oss进行数据库和网站图片备份
  4. 4 Spring Cloud Stream实现数据流处理
  5. 5 Python3访问MySQL数据库快速入门Demo
  6. 6 Github开源项目作者可以免费申请 JetBrains 全家桶
  7. 7 Spring Cloud Vault快速入门Demo
  8. 8 Spring Cloud Gateway快速入门Demo
  9. 9 Spring Cloud Contract快速入门Demo
  10. 10 Spring Cloud Consul快速入门Demo
网站信息
  • 文章总数：82,714 篇
  • 文件总数：284,287 个
  • 标签总数：2,393 个
  • 分类总数：85 个
  • 留言数量：2,560 条
  • 在线人数：656 人
  • 运行天数：4,408天
  • 最后更新：2024年11月21日23点
Loading...

其他链接

关于本站

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

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

问题交流

[HBLOG]公众号 HBLOG HBLOG