如何制作带圆角的 ImageView？

Question

在 Android 中，ImageView 默认是一个矩形。如何在 ImageView 中将其设为圆角矩形（将 Bitmap 的所有 4 个角剪成圆角矩形）？

---

请注意，从 2021 年起，只需使用 ShapeableImageView

原文由 michael 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这是很晚的响应，但是对于正在寻找这个的其他人，您可以执行以下代码来手动圆角图像的角落。

http://www.ruibm.com/?p=184

这不是我的代码，但我已经使用了它，而且效果很好。我将它用作 ImageHelper 类中的助手，并对其进行了一点扩展，以传递给定图像所需的羽化量。

最终代码如下所示：

 package com.company.app.utils;

import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Bitmap.Config;
import android.graphics.PorterDuff.Mode;

public class ImageHelper {
    public static Bitmap getRoundedCornerBitmap(Bitmap bitmap, int pixels) {
        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap
                .getHeight(), Config.ARGB_8888);
        Canvas canvas = new Canvas(output);

        final int color = 0xff424242;
        final Paint paint = new Paint();
        final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
        final RectF rectF = new RectF(rect);
        final float roundPx = pixels;

        paint.setAntiAlias(true);
        canvas.drawARGB(0, 0, 0, 0);
        paint.setColor(color);
        canvas.drawRoundRect(rectF, roundPx, roundPx, paint);

        paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
        canvas.drawBitmap(bitmap, rect, rect, paint);

        return output;
    }
}

原文由 George Walters II 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

可以通过 ShapeableImageView 使用 ShapeAppearanceOverlay 来完成：

 <com.google.android.material.imageview.ShapeableImageView
    android:id="@+id/avatar"
    android:layout_width="64dp"
    android:layout_height="64dp"
    android:padding="4dp"
    app:shapeAppearance="@style/ShapeAppearanceOverlay.Avatar"/>

样式 ShapeAppearanceOverlay.Avatar 位于 res/values/styles.xml 中：

 <style name="ShapeAppearanceOverlay.Avatar" parent="ShapeAppearance.MaterialComponents.SmallComponent">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">50%</item>
</style>

这只需要等于 layout_height 和 layout_width 设置，否则将是药丸而不是圆圈。

原文由 Martin Zeitler 发布，翻译遵循 CC BY-SA 4.0 许可协议