【Android - 框架】之Fresco的使用

当下有很多图片加载框架,常见的有Glide、Fresco、Picasso等。Glide因为其体积小、缓存机制强大等优点,受到了广大程序员的青睐;Fresco虽然体积比较大,缓存机制也没有Glide强大,但它胜在拥有一些炫酷的效果(进度条、淡入效果)等,也有很多人在使用。今天我们就来介绍一下Fresco的使用。
先贴出【Fresco的中文官方文档】

1、配置环境

使用Fresco需要先在build.gradle中导入依赖:

// Fresco所需依赖
compile 'com.facebook.fresco:fresco:0.12.0'
// 在 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'

如果需要从网络中下载图片,则需要在AndroidManifest.xml文件中配置网络权限:

<uses-permission android:name="android.permission.INTERNET" />

最后,在项目的Application中初始化Fresco:

 public class MyApplication extends Application {

@Override
public void onCreate() {
    super.onCreate();
    // 初始化Fresco
    Fresco.initialize(this);
}

}

 别忘了在AndroidManifest.xml文件中为Application添加name属性:

<application
android:name=".MyApplication"
......
</application>

2、SimpleDraweeView

2.1、XML属性

Fresco为我们提供了一个SimpleDraweeView控件,我们可以直接在这个控件中加载图片。Fresco在这个控件中集成了很多属性,简单实用。以下是SimpleDraweeView中的常用属性:

fresco:actualImageScaleType:实际加载的图片的伸缩样式
fresco:backgroundImage:底层图片资源
fresco:fadeDuration:进度条和占位符图片逐渐消失、加载的图片逐渐显示的时间间隔
fresco:failureImage:加载失败时显示的图片资源
fresco:failureImageScaleType:加载失败时加载的图片的伸缩样式
fresco:overlayImage:在显示的图片表层覆盖一张图片的图片资源
fresco:placeholderImage:占位符图片资源
fresco:placeholderImageScaleType:占位符图片的伸缩样式
fresco:progressBarAutoRotateInterval:进度条图片转动周期
fresco:progressBarImage:进度条图片资源
fresco:progressBarImageScaleType:进度条图片的伸缩样式
fresco:retryImage:提示重新加载的图片资源
fresco:retryImageScaleType:提示重新加载的图片的伸缩样式
fresco:roundAsCircle:将图片剪切成圆形
fresco:viewAspectRatio:图片宽高比

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fresco="http://schemas.android.com/apk/res-auto"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent">

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/id_main_sdv_sdv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    fresco:actualImageScaleType="focusCrop"
    fresco:fadeDuration="3000"
    fresco:failureImage="@mipmap/ic_launcher"
    fresco:failureImageScaleType="centerInside"
    fresco:placeholderImage="@mipmap/ic_launcher"
    fresco:placeholderImageScaleType="fitCenter"
    fresco:progressBarAutoRotateInterval="1000"
    fresco:progressBarImage="@mipmap/ic_launcher"
    fresco:progressBarImageScaleType="centerInside"
    fresco:retryImage="@mipmap/ic_launcher"
    fresco:retryImageScaleType="centerCrop"
    fresco:roundAsCircle="false"
    fresco:viewAspectRatio="1.6" />

<Button
    android:id="@+id/id_main_btn_load"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_margin="20.0dip"
    android:text="Start Load Image" />

</RelativeLayout>

2.2、注意事项

(1)SimpleDraweeView控件的宽高不能设置为wrap_content,只能是match_parent、具体值或使用viewAspectRatio属性设置宽高比。
(2)如果在一个页面中加载多张图片,不要将SimpleDraweeView直接放在ScollView中,建议使用RecyclerView、ListView或GridView,因为ScrollView中的SimpleDraweeView会持有内存直到Activity或Fragment销毁。

(3)使用SimpleDraweeView时,不要使用imageView中有、View中没有的属性。

3、框架使用

3.1、简单使用

    像TextView、Button等其他控件一样后去到SimpleDraweeView,然后调用如下代码即可加载网络图片:
  SimpleDraweeView sdv = (SimpleDraweeView) findViewById(R.id.id_main_sdv_sdv);

sdv.setImageURI("http://image5.tuku.cn/pic/wallpaper/fengjing/menghuandaziranmeijingbizhi/009.jpg");

3.2、JAVA代码设置属性

我们可以通过GenericDraweeHierarchy,在JAVA代码中动态的设置SimpleDraweeView控件的属性。需要注意的是,如果在JAVA代码中设置了属性,那么XML文件中设置的属性就都无效了。一个实例代码如下:

  // 代码设置SimpleDraweeView的属性(会覆盖XML设置的所有属性,即在XML中有在这里没有的属性都会失效)
    // 注意:一个GenericDraweeHierarchy是不能被多个SimpleDraweeView共用的
    GenericDraweeHierarchy hierarchy = new GenericDraweeHierarchyBuilder(getResources())
            .setFadeDuration(3000)
            .setPlaceholderImage(R.mipmap.ic_launcher)
            .setPlaceholderImageScaleType(ScalingUtils.ScaleType.FIT_XY)
            .setProgressBarImage(new ProgressBarDrawable()) // 显示进度条(Fresco自带的进度条)
            .build();
    // 设置图片圆角
    RoundingParams roundingParams = new RoundingParams();
    roundingParams.setRoundAsCircle(false); // 不将图片剪切成圆形
    roundingParams.setCornersRadius(200);
    hierarchy.setRoundingParams(roundingParams);
    // 为SimpleDraweeView设置属性
    sdv.setHierarchy(hierarchy);

3.3、设置下载事件

     sdv.setController(Fresco.newDraweeControllerBuilder()
            .setControllerListener(new BaseControllerListener<ImageInfo>() {
                @Override
                public void onFinalImageSet(String id, ImageInfo imageInfo, Animatable animatable) {
                    // 所有图片都加载成功时触发的方法
                    int width = imageInfo.getWidth();
                    int height = imageInfo.getHeight();
                    QualityInfo qualityInfo = imageInfo.getQualityInfo();
                    int quality = qualityInfo.getQuality();
                    boolean isOfFullQuality = qualityInfo.isOfFullQuality();
                    boolean isOfGoodEnoughQuality = qualityInfo.isOfGoodEnoughQuality();
                }

                @Override
                public void onIntermediateImageSet(String id, ImageInfo imageInfo) {
                    // 加载渐进式图片时回调的方法
                }

                @Override
                public void onFailure(String id, Throwable throwable) {
                    // 加载图片失败时回调的方法
                }
            })
            .setUri("http://image5.tuku.cn/pic/wallpaper/fengjing/menghuandaziranmeijingbizhi/009.jpg")
            .build());

3.4、渐进式图片

渐进式图片是一种支持图片从模糊到清晰的加载模式。代码如下:

sdv.setController(Fresco.newDraweeControllerBuilder()
                    .setImageRequest(
                            ImageRequestBuilder.newBuilderWithSource(
                                    Uri.parse("http://image5.tuku.cn/pic/wallpaper/fengjing/menghuandaziranmeijingbizhi/009.jpg"))
                                    .setProgressiveRenderingEnabled(true)
                                    .build())
                    .setOldController(sdv.getController())
                    .build());

以上就是对Fresco的基本使用方法的介绍,希望对大家有帮助~~~

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,451评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,172评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,782评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,709评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,733评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,578评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,320评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,241评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,686评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,878评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,992评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,715评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,336评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,912评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,040评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,173评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,947评论 2 355

推荐阅读更多精彩内容