ImageView 切圆角 Android

Android 中 ImageView 切圆角的方法

在Android开发中，有时我们需要将 ImageView 的图片处于圆角状态，以实现更美观的用户界面设计。给 ImageView 设置圆角效果可以提升应用的视觉吸引力，尤其是在图片框架中使用。本文将介绍几种实现 ImageView 圆角切割的方法，并给出相应的代码示例。

方法一：使用 XML 属性

最简单的方式是直接在 XML 布局文件中使用 ShapeDrawable。这种方式适合对较少的图片使用圆角效果。

首先，在 res/drawable 文件夹下新建一个 XML 文件，例如 rounded_corners.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="
    android:shape="rectangle">
    
    <corners android:radius="16dp"/>
    <solid android:color="#FFFFFF"/> <!-- 设置背景色 -->
</shape>

接下来，在你的布局文件中使用这个 drawable 作为 ImageView 的背景：

<ImageView
    android:id="@+id/myImageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/rounded_corners"
    android:src="@drawable/your_image" />

方法二：使用 Picasso 或 Glide

另一个常见的方法是使用图片加载库，如 Picasso 或 Glide。这些库提供了便捷的方法来处理图片的圆角效果。

使用 Glide

首先，确保在 build.gradle 文件中添加了 Glide 的依赖：

implementation 'com.github.bumptech.glide:glide:4.12.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.12.0'

可以通过以下代码为 ImageView 加载圆角图片：

import com.bumptech.glide.Glide;
import com.bumptech.glide.request.RequestOptions;

ImageView imageView = findViewById(R.id.myImageView);
Glide.with(this)
    .load("
    .apply(RequestOptions.bitmapTransform(new RoundedCorners(16))) // 设置圆角半径
    .into(imageView);

使用 Picasso

如果你选择使用 Picasso，可以按照下面的代码实现：

implementation 'com.squareup.picasso:picasso:2.71828'

然后使用以下代码加载带圆角的图片：

import com.squareup.picasso.Transformation;
import com.squareup.picasso.Picasso;

Transformation transformation = new Transformation() {
    @Override
    public Bitmap transform(Bitmap source) {
        int radius = 16; // 圆角半径
        Bitmap output = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(output);
        Paint paint = new Paint();
        RectF rectF = new RectF(0, 0, source.getWidth(), source.getHeight());
        paint.setAntiAlias(true);
        canvas.drawRoundRect(rectF, radius, radius, paint);
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        canvas.drawBitmap(source, 0, 0, paint);
        source.recycle();
        return output;
    }

    @Override
    public String key() {
        return "rounded_corners";
    }
};

Picasso.get()
    .load("
    .transform(transformation)
    .into(imageView);

小结

在Android中实现 ImageView 切圆角效果的方法有多种，选择最合适的方案取决于你的需求和项目要求。使用 XML 属性适合简单场景，而利用 Glide 和 Picasso 则提供了更高的灵活性和丰富的功能。

希望通过本文的介绍，你能够在你的Android应用中自如使用 ImageView 的圆角效果，为用户提供更好的视觉体验。如有疑问，可以在评论区提问或进行讨论！