转载

使用 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教程 Java设计模式 Jenkins进阶系列 openfire参考指南 HBase教程 Maven教程 hibernate教程 Docker 教程 memcached教程 Quartz指南 Hive教程 ANTLR教程 Ant教程 java实例教程 SpringCloud Elastic-Job-Lite XStream教程 深入浅出MyBatis Hazelcast教程 ibaties教程 SVN教程 rabittmq教程 Hadoop教程 solr教程 WebService CXF学习 springcloud-demo JPA教程 ActiveMQ中文指南 Java内存模型 java-demo dubbo教程 Linux入门视频教程
近期评论
  1. 1 Spring Cloud Circuit Breaker快速入门Demo
  2. 2 Spring Cloud Bus快速入门Demo
  3. 3 Spring Cloud Config快速入门Demo
  4. 4 Spring Cloud Function快速入门Demo
  5. 5 SSPanel-Uim搭建教程 2023年全新定制版主题-解决老版本命令失效问题
  6. 6 Spring Boot集成Milvus和deeplearning4j实现图搜图功能
  7. 7 Spring Boot集成Aviator实现参数校验
  8. 8 ACME自动申请免费的通配符https域名证书
  9. 9 wordpress 数据库和文件优化
  10. 10 CentOS安装Docker与Docker-Compose
网站信息
  • 文章总数：82,696 篇
  • 文件总数：284,257 个
  • 标签总数：2,380 个
  • 分类总数：84 个
  • 留言数量：2,560 条
  • 在线人数：630 人
  • 运行天数：4,392天
  • 最后更新：2024年11月05日22点
Loading...

其他链接

关于本站

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

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

问题交流

[HBLOG]公众号 HBLOG HBLOG