Fresco是FaceBook开源的Android平台图片加载库,可以从网络,从本地文件系统,本地资源加载图片
Fresco本身已经实现了圆角以及圆形图片的功能。
<!--圆形图片,一般用作头像-->
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/iv_avatar"
android:layout_width="40dp"
android:layout_height="40dp"
app:placeholderImage="@drawable/ic_avatar_default"
app:roundAsCircle="true"/>
<!--圆角图片,为了美观大多数图片都会有这样的处理。-->
<!--当图片为正方形的时候,将roundedCornerRadius设置为边长的一半,也可以形成圆形图片的效果-->
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/iv_avatar"
android:layout_width="40dp"
android:layout_height="40dp"
app:placeholderImage="@drawable/ic_avatar_default"
app:roundedCornerRadius="5dp"/>
工作中,遇到圆形头像的时候,UI通常会给我们这样一张图作为默认图片
理论上来讲,只需要加入下列这行代码,就可以完成这部分工作了
app:placeholderImage="@drawable/ic_avatar_default"
然而圆形图片本身已经是圆形的了,在有些机型上就出现了这个样式。
搜索了一波,自带的属性都不能解决这个问题,干脆自己来定义这个圆形的实现吧,同时Fresco自带的圆角效果只能保证使用统一的半径,想要让四个圆角的半径不同,只能在java文件中设置,不够灵活,定义圆角半径的属性也需要做些变更。
思路:自定义RoundImageView继承自 SimpleDraweeVie,具备其所有的功能。
Canvas的clipPath(Path path)可以根据Path,将Canvas剪裁成我们想要的图形。
public class RoundImageView extends SimpleDraweeView {
private final static int DEFAULT_VALUE = 0;
private float mWidth;
private float mHeight;
private Path mPath