android - 如何让子ImageView采用父MaterialCardView的形状外观？

Question

我有一个具有以下形状外观的 MaterialCardView:

我想在其中放置一个 ImageView，它采用 MaterialCardView 的确切形状外观。

以下是我尝试过的东西:

MaterialCardView 设置:

app:cardPreventCornerOverlap="false"
android:clipChildren="true"

I think the above setting works only with original card view for card corner radius

我知道您可以创建形状 xml 或 CustomImageView 来实现它。

但我只想知道是否有直接的方法来剪辑所有的 child 。

注意:我使用的是 Material 库中的 MaterialCardView 而不是常规的 CardView

Answer 1

只需使用 ShapeableImageView 并应用相同的角。
像这样的东西:

    <com.google.android.material.card.MaterialCardView
        app:cardBackgroundColor="@color/white"
        app:shapeAppearanceOverlay="@style/roundedImageView16"
        app:cardPreventCornerOverlap="false"
        ..>

        <com.google.android.material.imageview.ShapeableImageView
            android:padding="8dp"
            app:shapeAppearanceOverlay="@style/roundedImageView16"
        ../>

    </com.google.android.material.card.MaterialCardView>

与:

  <style name="roundedImageView16">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">16dp</item>
  </style>

注意:至少需要1.2.0-alpha03版本。