使用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的scaletype: 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>