Fresco 圆圈&圆角

圆圈

设置roundAsCircle为true即可

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/img_self_info_avatar"
    android:layout_width="@dimen/avatar_large_size"
    android:layout_height="@dimen/avatar_large_size"
    fresco:actualImageScaleType="centerCrop"
    fresco:placeholderImage="@drawable/default_avatar_large"
    fresco:placeholderImageScaleType="centerCrop"
    fresco:roundAsCircle="true" />

SimDraweeView ScaleType 有以下几种：

fitXY: 不保存宽高比，填充满显示边界
fitStart: 保持宽高比，缩小或者放大，使得图片完全显示在显示边界内, 但不居中，和显示边界左上对齐
fitCenter: 保持宽高比，缩小或者放大，使得图片完全显示在边界内，居中显示
fitEnd: 保持宽高比，缩小或者放大，使得图片完全显示在显示边界内, 和显示边界右下对齐
center: 居中，无缩放
centerInside: 使两边都在显示边界内，居中显示。如果图尺寸大于显示边界，则保持长宽比缩小图片
centerCrop: 保持宽高比缩小或放大，使得两边都大于或等于显示边界。居中显示。
focusCrop: 保持宽高比缩小或放大，使得两边都大于或等于显示边界, 指定某个点为居中点。

1、focusCrop: focusCrop 与 centerCrop类似，但是centerCrop是指定以图片的中心为焦点，剪切图片，而focusCrop可以指定一个焦点进行剪切。

2、要加载的图片默认缩放类型为centerCrop, 其他如占为图placeholderImage 和 failureImage retryImage progressBarImage 默认缩放类型都为centerInside

GenericDraweeHierarchyBuilder.java 中默认缩放类型Code

static {
    DEFAULT_SCALE_TYPE = ScaleType.CENTER_INSIDE;
    DEFAULT_ACTUAL_IMAGE_SCALE_TYPE = ScaleType.CENTER_CROP;
}

圆角

创建时设置

RoundingParams roundingParams = new RoundingParams();
roundingParams.setCornersRadius(mContext.getResources().getDimensionPixelOffset(R.dimen.sound_category_item_radius));
GenericDraweeHierarchyBuilder builder = new GenericDraweeHierarchyBuilder(mContext.getResources());
GenericDraweeHierarchy hierarchy = builder.build();
hierarchy.setRoundingParams(roundingParams);
mCategoryCoverIv.setHierarchy(hierarchy);

也可以运行时修改

RoundingParams roundingParams = mSimpleDraweeView.getHierarchy().getRoundingParams();
roundingParams.setBorder(R.color.red, 1.0);
roundingParams.setRoundAsCircle(true);
mSimpleDraweeView.getHierarchy().setRoundingParams(roundingParams);

1、设置圆角时，支持4个角不同的半径。XML中无法配置，但可在Java代码中配置。
2、在运行时，不能改变呈现方式: 原本是圆角，不能改为圆圈。
3、并非所有的图片分支部分都可以实现圆角，目前只有占位图片和实际图片可以实现圆角，正在努力为背景图片实现圆角功能。
4、只有BitmapDrawable 和 ColorDrawable类的图片可以实现圆角。我们目前不支持包括NinePatchDrawable和 ShapeDrawable在内的其他类型图片。（无论他们是在XML或是程序中声明的）
5、动画不能实现圆角
6、由于Android的BitmapShader的限制，当一个图片不能覆盖全部的View的时候，边缘部分会被重复显示，而非留白。对这种情况可以使用不同的缩放类型（比如centerCrop）来保证图片覆盖了全部的View。

四个角不同半径实现

RoundingParams roundingParams = new RoundingParams();
roundingParams.setCornersRadii(10, 20, 30, 40);
GenericDraweeHierarchyBuilder builder = new GenericDraweeHierarchyBuilder(mContext.getResources());
GenericDraweeHierarchy hierarchy = builder.build();
hierarchy.setRoundingParams(roundingParams);
viewHolder.mCategoryCoverIv.setHierarchy(hierarchy);

xml 中无法实现四个角不同角度，实现圆角方式如下：

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/iv_category_cover"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    fresco:actualImageScaleType="centerCrop"
    fresco:viewAspectRatio="1.4"
    fresco:roundedCornerRadius="1dp"
    fresco:roundTopLeft="true"
    fresco:roundTopRight="false"
    fresco:roundBottomLeft="false"
    fresco:roundBottomRight="true"
    fresco:roundWithOverlayColor="@color/activity_info_bg"
    fresco:roundingBorderWidth="2dp"
    fresco:roundingBorderColor="@color/red"/>

xml 是通过叠加一个solid color来绘制圆角。但是背景需要固定成指定的颜色。在XML中指定 roundWithOverlayColor, 或者通过调用setOverlayColor来完成此设定。

本人目前在今日头条从事Android，有兴趣加入今日头条的同学请联系我，liananse at 163.com

Fresco 圆圈&圆角

圆圈

圆角

推荐阅读更多精彩内容