如何在Android Glide中结合使用CenterCrop和自定义圆角变换（图片部分圆角矩形）

如何在Android Glide中结合使用CenterCrop和自定义圆角变换（图片部分圆角矩形）

在Android开发中，使用Glide加载图片时，我们经常需要对图片进行特定的处理，比如裁剪和圆角变换，特别是一些设计稿，他可能只有上面2个圆角。这篇博客将指导您如何在Glide中结合使用CenterCrop和自定义圆角变换。

简介

Glide是一个流行的Android图像加载库，它提供了强大的图片处理和缓存功能。在许多情况下，我们需要对图片进行裁剪以适应UI的需求，并可能想要应用圆角以增强视觉效果。Glide提供了一种简单的方式来实现这些效果。通过在Glide侧先进行裁剪，避免做完圆角的图到了控件端因为scale未显示出圆角部分。

实现步骤

1. 创建自定义圆角变换

首先，我们需要创建一个自定义的BitmapTransformation，该变换只对图片的顶部应用圆角。这个类可以这样实现：

public class TopCornersRoundedTransformation extends BitmapTransformation {private final float radius; // 圆角半径public TopCornersRoundedTransformation(float radius) {this.radius = radius;}@Overrideprotected Bitmap transform(@NonNull BitmapPool pool, @NonNull Bitmap toTransform, int outWidth, int outHeight) {return topRoundedCorners(pool, toTransform);}private Bitmap topRoundedCorners(BitmapPool pool, Bitmap source) {if (source == null) return null;Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);result.setHasAlpha(true);Canvas canvas = new Canvas(result);Paint paint = new Paint();paint.setAntiAlias(true);paint.setShader(new BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP));// 绘制圆角矩形（只对左上和右上角应用圆角）RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight());canvas.drawRoundRect(rectF, radius, radius, paint);// 绘制矩形以覆盖底部两个角RectF bottomRect = new RectF(0f, radius, source.getWidth(), source.getHeight());canvas.drawRect(bottomRect, paint);return result;}@Overridepublic void updateDiskCacheKey(@NonNull MessageDigest messageDigest) {messageDigest.update(("top_corners_rounded" + radius).getBytes(CHARSET));}
}

2. 在Glide中使用变换

接下来，在Glide的加载链中，我们结合使用CenterCrop和我们的自定义圆角变换：

int radius = dpToPx(5); // 圆角半径，根据需要调整Glide.with(mActivity).load(getFirstImageUrl(productBean.getUrls())).apply(new RequestOptions().transforms(new CenterCrop(), new TopCornersRoundedTransformation(radius))).into(pictureIV);

这段代码首先将图片进行CenterCrop处理，然后应用自定义的圆角变换。transforms方法允许我们链式地应用多个变换。

3. dpToPx方法

为了将dp单位转换为像素值，您可以使用如下方法：

public int dpToPx(int dp) {return (int) (dp * Resources.getSystem().getDisplayMetrics().density);
}

总结

通过结合使用CenterCrop和自定义的TopCornersRoundedTransformation，我们可以在Glide中轻松实现对图片的裁剪和圆角处理。这种方式既保留了图片的纵横比，又增加了视觉上的吸引力，非常适合现代的Android应用开发。

记住，Glide的变换功能非常强大，可以根据您的具体需求进行定制和扩展。