Android Fresco图片加载库基础使用详解

前言

图片加载在 Android开发项目中是必不可少的,为了降低开发周期和难度,我们经常会选用一些图片加载的开源库,而Android发展到现在图片加载开源库也越来越多了,下面介绍 Fresco开源图片加载库.

简介

Fresco是由Facebook开源的一个图片加载库,Fresco是一个功能强大的系统,用于在Android应用程序中显示图像.

功能介绍以及基础使用

1.配置

  • 在 build.gradle 中配置:
dependencies {
  // 其他依赖
  compile 'com.facebook.fresco:fresco:0.12.0'
}
  • 下面的依赖需要根据需求添加:
dependencies {
  // 在 API < 14 上的机器支持 WebP 时,需要添加
  compile 'com.facebook.fresco:animated-base-support:0.12.0'

  // 支持 GIF 动图,需要添加
  compile 'com.facebook.fresco:animated-gif:0.12.0'

  // 支持 WebP (静态图+动图),需要添加
  compile 'com.facebook.fresco:animated-webp:0.12.0'
  compile 'com.facebook.fresco:webpsupport:0.12.0'

  // 仅支持 WebP 静态图,需要添加
  compile 'com.facebook.fresco:webpsupport:0.12.0'
}
  • Application中初始化Fresco
[MyApplication.java]
public class MyApplication extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        Fresco.initialize(this);
    }
}
  • 在 AndroidManifest.xml 中指定你的 Application 类
  
    
    
      ...
    
    ...
  
  • 添加网络权限

  • 在xml布局文件中, 加入SimpleDraweeView:

  • 开始加载图片
Uri uri = Uri.parse("https://raw.githubusercontent.com/facebook/fresco/gh-pages/static/logo.png");
SimpleDraweeView draweeView = (SimpleDraweeView) findViewById(R.id.my_image_view);
draweeView.setImageURI(uri);

剩下的,Fresco会替你完成:

显示占位图直到加载完成;
下载图片;
缓存图片;
图片不再显示时,从内存中移除;
等等等等。


2.基本功能介绍&使用

  • 可配置的所有选项

必须声明 android:layout_width 和 android:layout_height。如果没有在XML中声明这两个属性,将无法正确加载图像。

Drawees 不支持 wrap_content 属性。

Fresco中依赖了support-v4 包,如果 support-v4 包重复了需要剔除掉

//fresco
    implementation('com.facebook.fresco:fresco:0.12.0') {
        exclude group: 'com.android.support', module: 'support-v4'
    }

所下载的图像可能和占位图尺寸不一致,如果设置出错图或者重试图的话,这些图的尺寸也可能和所下载的图尺寸不一致。

如果大小不一致,假设使用的是 wrap_content,图像下载完之后,View将会重新layout,改变大小和位置。这将会导致界面跳跃。


至此,Fresco的基本功能介绍&使用就讲解完毕了,感谢阅读

参考文章

  • 官方文档
  • Android图片加载神器之Fresco-加载图片基础

欢迎关注作者darryrzhong,更多干货等你来拿哟.

请赏个小红心!因为你的鼓励是我写作的最大动力!

更多精彩文章请关注

  • 个人博客:darryrzhong
  • 掘金
  • SegmentFault
  • 慕课网手记

你可能感兴趣的:(Android Fresco图片加载库基础使用详解)