Material 3轮播组件图片未圆角问题求助（Kotlin/XML）

你遇到的问题是因为MaskableFrameLayout的shapeAppearance仅对自身的背景/轮廓生效，内部的ImageView会超出父布局的圆角边界，所以看不到圆角效果。以下是几种可行的解决方法：

方法1：给ImageView开启裁剪并设置圆角 #

直接修改ImageView的属性，添加裁剪配置并复用相同的圆角样式：

<ImageView
    android:id="@+id/carousel_image_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="centerCrop"
    android:src="@drawable/nature"
    android:clipToOutline="true"
    app:shapeAppearance="?attr/shapeAppearanceCornerExtraLarge" />

clipToOutline="true"会让ImageView按照自身的轮廓（这里由shapeAppearance定义的圆角）裁剪显示内容，图片就会呈现圆角效果。

方法2：让MaskableFrameLayout裁剪子View #

给MaskableFrameLayout添加clipChildren="true"属性，同时给ImageView开启裁剪，确保子View不会超出父布局的圆角范围：

<com.google.android.material.carousel.MaskableFrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/carousel_item_container"
    android:layout_width="150dp"
    android:layout_height="match_parent"
    android:layout_marginStart="4dp"
    android:layout_marginEnd="4dp"
    android:foreground="?attr/selectableItemBackground"
    app:shapeAppearance="?attr/shapeAppearanceCornerExtraLarge"
    android:clipChildren="true">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:id="@+id/carousel_image_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@drawable/nature"
            android:clipToOutline="true" />

        <!-- TextView 保持不变 -->
    </androidx.constraintlayout.widget.ConstraintLayout>
</com.google.android.material.carousel.MaskableFrameLayout>

方法3：使用ShapeableImageView替代普通ImageView #

Material库提供的ShapeableImageView专门用于实现带形状的图片显示，替换后直接设置圆角样式即可：

<com.google.android.material.imageview.ShapeableImageView
    android:id="@+id/carousel_image_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="centerCrop"
    android:src="@drawable/nature"
    app:shapeAppearance="?attr/shapeAppearanceCornerExtraLarge" />

这种方法最简洁，无需额外配置裁剪属性，组件本身就支持圆角、切角等形状效果。

内容的提问来源于stack exchange，提问作者pranish Kafle