android - ImageView 只有一个圆角

Question

我正在尝试制作 ImageView 的一个圆角如下图所示，但右下角。尝试使用背景形状，但它根本不起作用。 Glide 加载的所有图像。我应该使用 ViewOutlineProvider 之类的东西吗？ ?有没有一种有效的方法来做到这一点？谢谢!

<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners
        android:radius="2dp"
        android:bottomRightRadius="20dp"
        android:bottomLeftRadius="0dp"
        android:topLeftRadius="0dp"
        android:topRightRadius="0dp"/>
</shape>

Answer 1

Material Components library介绍了 ShapeableImageView 从版本 开始1.2.0-alpha03 .
只需使用类似的东西:

  <com.google.android.material.imageview.ShapeableImageView
      android:id="@+id/image_view"
      android:scaleType="centerInside"
      android:adjustViewBounds="true"
      ../>

然后在您的代码中，您可以应用 ShapeAppearanceModel和:

ShapeableImageView imageView = findViewById(R.id.image_view);
float radius = getResources().getDimension(R.dimen.default_corner_radius);
imageView.setShapeAppearanceModel(imageView.getShapeAppearanceModel()
    .toBuilder()
    .setTopRightCorner(CornerFamily.ROUNDED,radius)
    .build());

您也可以在 xml 中应用 shapeAppearanceOverlay 范围:

<com.google.android.material.imageview.ShapeableImageView
      app:shapeAppearanceOverlay="@style/customRroundedImageView"
      app:srcCompat="@drawable/ic_image" />

和:

  <style name="customRoundedImageView" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">0dp</item>   
    <item name="cornerSizeTopRight">8dp</item>
  </style>

与 喷气背包组成 您可以申请 clip 使用 RoundedCornerShape 的修饰符:

Image(painterResource(id = R.drawable.xxx),
    contentDescription = "xxxx",
    contentScale = ContentScale.Crop,
    modifier = Modifier
        .size(xx.dp,xx.dp)
        .clip(RoundedCornerShape(topStart = 12.dp)),
)