圆圈
设置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