Glide 加载圆角图片(解决设置圆角后和centerCrop冲突的问题)
生活随笔
收集整理的這篇文章主要介紹了
Glide 加载圆角图片(解决设置圆角后和centerCrop冲突的问题)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
平常設置圓角
public static void setRoundedCornersImage(Context context, String url, ImageView imageView, int roundingRadius, int errorImage, int placeholderImage) {RequestOptions options = new RequestOptions().centerCrop().placeholder(placeholderImage) //預加載圖片.error(errorImage) //加載失敗圖片.bitmapTransform(new RoundedCorners(DataTools.dip2px(context, roundingRadius))); //圓角Glide.with(context).load(url).apply(options).into(imageView);}這樣設置會導致?.centerCrop() 方法無效(圓角和它是同一類型設置),如果你在xml也設置了這個則會出現圓角無效的問題(大抵是因為設置圓角后又被剪切了的原因吧)
如果想要既占滿圖片大小,又顯示圓角,則需要自定義一些這個圓角控件(RoundedCorners)
進入源碼,找到 transform()方法,修改(可以全復制出來修改)
private boolean isCenterCrop;/*** @param roundingRadius the corner radius (in device-specific pixels).* @throws IllegalArgumentException if rounding radius is 0 or less.*/public RoundedCorners2(int roundingRadius, boolean isCenterCrop) {Preconditions.checkArgument(roundingRadius > 0, "roundingRadius must be greater than 0.");this.roundingRadius = roundingRadius;this.isCenterCrop = isCenterCrop;}@Overrideprotected Bitmap transform(@NonNull BitmapPool pool, @NonNull Bitmap toTransform, int outWidth, int outHeight) {if (isCenterCrop) {Bitmap bitmap = TransformationUtils.centerCrop(pool, toTransform, outWidth, outHeight);return TransformationUtils.roundedCorners(pool, bitmap, roundingRadius);} else {return TransformationUtils.roundedCorners(pool, toTransform, roundingRadius);}}增加了一個字段:isCenterCrop 用來設置是否需要另設置 centerCrop效果,然后在 transform 里設置
調用
public static void setRoundedCornersImage(Context context, String url, ImageView imageView, int roundedCorners,boolean isCenterCrop) {RequestOptions options = new RequestOptions().bitmapTransform(new RoundedCorners2(DataTools.dip2px(context, roundedCorners), isCenterCrop)); //圓角Glide.with(context).load(url).apply(options).into(imageView);}如果想要設置占位圖或者失敗圖的話就會發現,這倆不是圓角,很不合群,這里需要再給它倆也設置下,使用 .thumbnail()方法
public static void setRoundedCornersImage(Context context, String url, ImageView imageView, int roundedCorners,boolean isCenterCrop, int errorImage, int placeholderImage) {RequestOptions options = new RequestOptions().placeholder(placeholderImage) //預加載圖片.error(errorImage) //加載失敗圖片.bitmapTransform(new RoundedCorners2(DataTools.dip2px(context, roundedCorners), isCenterCrop)); //圓角Glide.with(context).load(url).apply(options).thumbnail(loadTransform(imageView.getContext(), placeholderImage, roundedCorners, isCenterCrop)).thumbnail(loadTransform(imageView.getContext(), errorImage, roundedCorners, isCenterCrop)).into(imageView);}private static RequestBuilder<Drawable> loadTransform(Context context, @DrawableRes int placeholderId, int roundedCorners, boolean isCenterCrop) {RequestOptions options = new RequestOptions().bitmapTransform(new RoundedCorners2(DataTools.dip2px(context, roundedCorners), isCenterCrop));return Glide.with(context).load(placeholderId).apply(options);} /*** dip?? px*/public static int dip2px(Context context, float dipValue) {final float scale = context.getResources().getDisplayMetrics().density;return (int) (dipValue * scale + 0.5f);}總結
以上是生活随笔為你收集整理的Glide 加载圆角图片(解决设置圆角后和centerCrop冲突的问题)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [html] 页面上的登录表单记住了密
- 下一篇: 算法探究:线性时间选择问题