fresco使用笔记

最新推荐文章于 2019-11-09 09:10:25 发布

等待远航的水兵

最新推荐文章于 2019-11-09 09:10:25 发布

阅读量537

点赞数

分类专栏： Android程序文章标签： fresco

本文链接：https://blog.youkuaiyun.com/miao309410364/article/details/50540795

版权

Android程序专栏收录该内容

59 篇文章

订阅专栏

关于 Fresco

Fresco 是一个强大的图片加载组件。

Fresco 中设计有一个叫做 image pipeline 的模块。它负责从网络，从本地文件系统，本地资源加载图片。为了最大限度节省空间和CPU时间，它含有3级缓存设计（2级内存，1级文件）。

Fresco 中设计有一个叫做 Drawees 模块，方便地显示loading图，当图片不再显示在屏幕上时，及时地释放内存和空间占用。

Fresco 支持 Android2.3(API level 9) 及其以上系统。

fresco中文API

配置

fresco是facebook推出的一款强大的android图片处理库， github地址：https://github.com/facebook/fresco 里面有官方的使用配置文档，而且是中文的。

因为本人是在AndroidStudio上面进行项目开发，在此工具内配置方法是在app 的build.gradle文件中添加如下代码

dependencies{

compile'com.facebook.fresco:fresco:0.5.0+'

}

官方文档已经说fresco的类库发布到了Maven中央库，所以我们只需添加上面的代码再同步编译即可，如果无效，请在project的build.gradle文件中添加以下红色代码：

allprojects {
    repositories {
        jcenter()
        mavenCentral()
         }
    }

这样你就可以在你项目中使用fresco。

现在来说说最简单的使用：就是加载网络图片，

第一：在你的application类onCreate方法中添加

Fresco.initialize(instance);

第二：fresco是通过控件来实现它内部的优化缓存处理，我们使用的时候是通过控件来使用，具体如下

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/user_avator"
    android:layout_width="50dp"
    android:layout_height="50dp"
    fresco:roundAsCircle="true"
    fresco:roundedCornerRadius="180dp"
    fresco:actualImageScaleType="focusCrop"
    android:layout_centerVertical="true" />

大家可能看到，属性中存在fresco:开头的声明。这个是fresco的自定义属性，如果我们需要使用其自定义属性，必须在我们的xml根布局中添加声明/命名空间，下图红色部分

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:fresco="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

第三：在代码中具体的使用

Uri uri = Uri.parse(http://b.hiphotos.baidu.com/image/pic/item/e78.jpg);
mAvatorImg.setImageURI(uri);

现在介绍一些fresco的属性，通过这些属性我们可以很方便的定制一些效果

<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/my_image_view"
android:layout_width="20dp" // 不支持wrap_content 如果要设置宽高比, 需要在Java代码中指定setAspectRatio(1.33f);
android:layout_height="20dp" // 不支持wrap_content
fresco:fadeDuration="300"
fresco:actualImageScaleType="focusCrop" // 设置图片缩放. 通常使用focusCrop,该属性值会通过算法把人头像放在中间
fresco:placeholderImage="@color/wait_color" // 下载成功之前显示的图片
fresco:placeholderImageScaleType="fitCenter"
fresco:failureImage="@drawable/error"// 加载失败的时候显示的图片
fresco:failureImageScaleType="centerInside"
fresco:retryImage="@drawable/retrying"// 加载失败,提示用户点击重新加载的图片(会覆盖failureImage的图片)
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"// 圆角角度,180的时候会变成圆形图片
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"
/>

修改图片尺寸
Uri uri = "file:///mnt/sdcard/MyApp/myfile.jpg";
int width = 50, height = 50;
ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
.setResizeOptions(new ResizeOptions(width, height))
.build();
PipelineDraweeController controller = Fresco.newDraweeControllerBuilder()
.setOldController(mDraweeView.getController())
.setImageRequest(request)
.build();
mSimpleDraweeView.setController(controller);

自动旋转
ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
.setAutoRotateEnabled(true)

.build();

更详细的介绍 http://wiki.jikexueyuan.com/project/fresco/configuration.html

根据文档，所有的url都必须是绝对路径，文档给树了资源的scheme：

类型	Scheme	示例
远程图片	`http://,` `https://`	`HttpURLConnection`
本地文件	`file://`	`FileInputStream`
Content provider	`content://`	`ContentResolver`
asset目录下的资源	`asset://`	`AssetManager`
res目录下的资源	`res://`	`Resources.openRawResource`