Fresco 框架配置说明文档(更新中)

Fresco图片优化性能比ImageLoader好,开始使用Fresco框架


直接通过Library Dependency 导入Fresco的包    

com.facebook.fresco:fresco:0.9.0


<!-- 访问网络的权限 -->
 <uses-permission android:name="android.permission.INTERNET"/>


调用的类里面配置说明:


调用 setContentView() 之前,进行初始化:

配置Image Pipeline 编辑和纠错
对于大多数的应用,Fresco的初始化,只需要以下一句代码:
Fresco.initialize(context);
对于那些需要更多进一步配置的应用,我们提供了ImagePipelineConfig。

以下是一个示例配置,列出了所有可配置的选项。几乎没有应用是需要以下这所有的配置的,列出来仅仅是为了作为参考。

ImagePipelineConfig config = ImagePipelineConfig.newBuilder()
    .setBitmapMemoryCacheParamsSupplier(bitmapCacheParamsSupplier)
    .setCacheKeyFactory(cacheKeyFactory)
    .setEncodedMemoryCacheParamsSupplier(encodedCacheParamsSupplier)
    .setExecutorSupplier(executorSupplier)
    .setImageCacheStatsTracker(imageCacheStatsTracker)
    .setMainDiskCacheConfig(mainDiskCacheConfig)
    .setMemoryTrimmableRegistry(memoryTrimmableRegistry) 
    .setNetworkFetchProducer(networkFetchProducer)
    .setPoolFactory(poolFactory)
    .setProgressiveJpegConfig(progressiveJpegConfig)
    .setRequestListeners(requestListeners)
    .setSmallImageDiskCacheConfig(smallImageDiskCacheConfig)
    .build();
Fresco.initialize(context, config);
请记得将配置好的ImagePipelineConfig 传递给 Fresco.initialize! 否则仍旧是默认配置。


在xml布局文件中, 加入命名空间:
xmlns:fresco="http://schemas.android.com/apk/res-auto"


Drawees 具有极大的可定制性。
下面的例子给出了可以配置的各种选项:
<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/my_image_view"
    android:layout_width="20dp"                //宽度
    android:layout_height="20dp"               //高度
    fresco:fadeDuration="300"
    fresco:actualImageScaleType="focusCrop"
    fresco:placeholderImage="@color/wait_color"
    fresco:placeholderImageScaleType="fitCenter"
    fresco:failureImage="@drawable/error"
    fresco:failureImageScaleType="centerInside"   //图片缩放类型
    fresco:retryImage="@drawable/retrying"           //再次加载图片显示
    fresco:retryImageScaleType="centerCrop"     //再次加载图片显示的缩放类型
    fresco:progressBarImage="@drawable/progress_bar"   //显示进度条
    fresco:progressBarImageScaleType="centerInside"         //显示进度条的缩放类型
    fresco:progressBarAutoRotateInterval="1000"                 //进度条显示时间
    fresco:backgroundImage="@color/blue"                    //背景颜色
    fresco:overlayImage="@drawable/watermark"
    fresco:pressedStateOverlayImage="@color/red"
    fresco:roundAsCircle="false"
    fresco:roundedCornerRadius="1dp"                 //园角弧度
    fresco:roundTopLeft="true"
    fresco:roundTopRight="false"
    fresco:roundBottomLeft="false"
    fresco:roundBottomRight="true"
    fresco:roundWithOverlayColor="@color/corner_color"
    fresco:roundingBorderWidth="2dp"
    fresco:roundingBorderColor="@color/border_color"
  />


强制性的宽高  你必须声明 android:layout_width 和 android:layout_height。

如果没有在XML中声明这两个属性,将无法正确加载图像。
Drawees 不支持 wrap_content 属性。
所下载的图像可能和占位图尺寸不一致,如果设置出错图或者重试图的话,

这些图的尺寸也可能和所下载的图尺寸不一致。
如果大小不一致,假设使用的是 wrap_content,图像下载完之后,

View将会重新layout,改变大小和位置。这将会导致界面跳跃。


固定宽高比
只有希望显示固定的宽高比时,可以使用wrap_content。
如果希望图片以特定的宽高比例显示,例如 4:3,可以在XML中指定:

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/my_image_view"
    android:layout_width="20dp"
    android:layout_height="wrap_content"
    fresco:viewAspectRatio="1.33"
    <!-- other attributes -->






具体的调用方法


Uri uri = Uri.parse("https://raw.githubusercontent.com/facebook/fresco/gh-pages/static/fresco-logo.png");


SimpleDraweeView draweeView = (SimpleDraweeView) findViewById(R.id.my_image_view);


draweeView.setImageURI(uri);


更详细的说明请看 http://www.fresco-cn.org/


public class FrescoUtils {
    /**
     * @param activity
     * @param id
     * @param url
     */
    public static void displayImage(Activity activity,int id,String url){
        SimpleDraweeView simpleDraweeView = (SimpleDraweeView)activity.findViewById(id);
        Uri imageUri = Uri.parse(url);
        simpleDraweeView.setImageURI(imageUri);
    }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

chenhuakang

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值