转载

使用 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教程 java-demo Maven教程 springcloud-demo hibernate教程 Docker 教程 memcached教程 Quartz指南 Hive教程 ANTLR教程 SpringCloud Ant教程 java实例教程 Hazelcast教程 XStream教程 Elastic-Job-Lite 深入浅出MyBatis ibaties教程 SVN教程 rabittmq教程 Hadoop教程 solr教程 WebService CXF学习 JPA教程 ActiveMQ中文指南 Java内存模型 dubbo教程 python3-demo Linux入门视频教程
近期评论
  1. 1 使用 Docker 打包和运行 Vue 应用
  2. 2 Dependency Check命令行方式扫描jar包的安全漏洞
  3. 3 maven使用Dependency-Check来扫描安全漏洞
  4. 4 使用sonarqube分析代码质量
  5. 5 使用screw来对比数据库表和字段差异
  6. 6 Spring Boot 实现防盗链功能
  7. 7 在Spring Boot中的实现国际化（i18n）
  8. 8 一个用于 SMB/CIFS 网络的 Java 库-JCIFS
  9. 9 Spring Boot 3.x嵌入MongoDB 进行测试
  10. 10 java如何解析和生成yaml文件？
网站信息
  • 文章总数：82,737 篇
  • 文件总数：284,312 个
  • 标签总数：2,416 个
  • 分类总数：85 个
  • 留言数量：2,559 条
  • 在线人数：689 人
  • 运行天数：4,439天
  • 最后更新：2024年12月22日19点
Loading...

其他链接

关于本站

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

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

问题交流

[HBLOG]公众号 HBLOG HBLOG