android - 使用 ScaleType.CenterCrop 缩放后具有圆角的 ImageView

Question

我正在尝试裁剪图像，然后将角变圆，以便它在屏幕上看起来更漂亮。

我能做的是在图像的角上做圆角处理，但裁剪有时会切断图像的边(取决于图像的大小/纵横比)。

所以我想做的是进行裁剪，然后应用圆角。我该怎么做？

圆化图像的角:

private Bitmap getRoundedCornerBitmap(Bitmap bitmap) {
    Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Config.ARGB_8888);
    Canvas canvas = new Canvas(output);

    final int color = 0xff000000;
    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 = 20;

    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;
}

然后我像这样设置 ImageView 的比例类型:imageView.setScaleType(ScaleType.CENTER_CROP)

Answer 1

如果你用 cardview 包装你的 imageview，你就实现了。

<android.support.v7.widget.CardView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    card_view:cardCornerRadius="4dp"
    card_view:cardElevation="4dp"
    card_view:cardUseCompatPadding="true">
        <ImageView
            android:id="@+id/ivImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/your_image" />
</android.support.v7.widget.CardView>