Fresco 是一个强大的图片加载框架,可加载网络图片,本地图片,含有三级缓存功能。
Fresco 能最大限度的节省空间,这次我们做的项目比较大,里面好多高清图片,原本用的picosso 图片加载框架,但是图片太多导致OOM异常,很多地方用到的是圆形图片,还得自定义圆图控件,太麻烦。
Fresco 解决了很多问题,它可以实现圆图,圆角图等等
下面直接上代码:
1.在你的module 的build.gradle里的dependencies加入:
compile 'com.facebook.fresco:fresco:0.12.0'
2.如果你已经在清单文件中声明了Aplication,则在Aplication实例化:
Fresco.initialize(this);
因为我只写了一个MainActivity,所以我是在Activity里实例化的
注意:
需要在setContentView之前实例化。
Fresco.initialize(this);
setContentView(R.layout.activity_main);
3 使用圆形头像图片功能:
在xml文件里:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center_horizontal"
android:background="#D3CDCD"
xmlns:fresco="http://schemas.android.com/apk/res-auto"
>
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/img"
android:layout_marginTop="20dp"
android:layout_width="200dp"
android:layout_height="200dp"
fresco:roundAsCircle="true"
/>
</LinearLayout>
在activity里:
img = (SimpleDraweeView) findViewById(R.id.img);
Uri uri = Uri.parse("http://img.wzfzl.cn/uploads/allimg/140407/1-14040FHA0.jpg");
img.setImageURI(uri);
注意
布局文件中android:layout_width 和 android:layout_height 的属性值最好不要使用wrap_content 属性。最好是写死的值。Fresco是按照图片宽高比进行压缩的.
如果想设置它的长宽比,你可以使用wrap_content.
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/img"
android:layout_marginTop="20dp"
android:layout_width="200dp"
android:layout_height="wrap_content"
/>
然后在java代码中指定比率:
假如你的宽高比为:width : hight = 4:5;
setAspectRatio 为float类型值
img.setAspectRatio(0.8f);
效果图如下:
4 下面简单介绍下fresco 属性:
设置圆角:
fresco:roundedCornerRadius="5dp"
设置占位图
XML文件中:
加载中:
fresco:placeholderImage="@mipmap/ic_launcher"
加载失败:
fresco:failureImage="@mipmap/ic_launcher"
重新加载:
fresco:retryImage="@mipmap/ic_launcher"
在java代码中都有对应的set 方法
***设置宽高比***
在xml文件中
fresco:viewAspectRatio="0.88"
java代码中:
img.setAspectRatio(0.88f);
缩放效果
fresco:actualImageScaleType=""
actualImageScaleType 属性值有
1. center 居中,无缩放
2. centerCrop 保持宽高比缩小或放大,使得两边都大于或等于显示边界。居中显示。
3. focusCrop 同centerCrop, 但居中点不是中点,而是指定的某个点(对于人脸等图片有很好识别效果)
4. centerInside 使两边都在显示边界内,居中显示。 如果图尺寸大于显示边界,则保持长宽比缩小图片。
5. fitCenter 保持宽高比,缩小或者放大,使得图片完全显示在显示边界内。居中显示
6. fitStart 同上。但不居中,和显示边界左上对齐 fitEnd 同fitCenter, 但不居中,和显示边界右下对齐
7. fitXY 不保存宽高比,填充满显示边界 none 如要使用tile mode显示, 需要设置为none
基本使用差不多就这些了,如果想使用比较特殊的功能,如:加载进度条,渐进式图,动画图等 可以看下fresco 文档