如何为图片轮播ViewPager、ConstraintLayout及CardView设置圆角？

我明白你遇到的困扰——给CardView设置了圆角，但里面的ViewPager轮播内容还是会超出圆角显示，看起来像圆角没生效。这其实是Android布局裁剪机制的问题，下面给你几个可行的解决方案：

方案一：给CardView开启子View裁剪（最简单最推荐） #

核心问题是：CardView自身的圆角只是修饰它的背景和阴影，但默认不会裁剪内部子View的超出部分。只需给CardView添加两个属性，就能让它强制裁剪所有子View的内容，适配圆角：

修改后的布局代码：

<android.support.v7.widget.CardView
    android:layout_width="300dp"
    android:layout_height="200dp"
    android:layout_margin="20dp"
    android:clipChildren="true"  <!-- 关键：裁剪子View超出父容器的部分 -->
    android:clipToPadding="true" <!-- 关键：连padding区域也一起裁剪 -->
    app:cardCornerRadius="24dp"
    android:elevation="8dp">

    <android.support.constraint.ConstraintLayout
        android:id="@+id/slider_layout"
        android:layout_width="match_parent" <!-- 去掉固定宽高，避免缝隙 -->
        android:layout_height="match_parent">

        <android.support.v4.view.ViewPager
            android:id="@+id/image_slider_view_pager"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent" />

    </android.support.constraint.ConstraintLayout>

</android.support.v7.widget.CardView>

另外还要确保你在ViewPager的Adapter中，给每个轮播的ImageView设置android:scaleType="centerCrop"，并且ImageView的宽高设为match_parent，这样图片会填充ViewPager且不会超出裁剪范围。

方案二：直接给ViewPager设置圆角裁剪（如果方案一不生效） #

如果CardView的裁剪还是没效果，可以直接给ViewPager本身设置圆角轮廓，通过代码实现：

ViewPager viewPager = findViewById(R.id.image_slider_view_pager);

// 创建一个24dp圆角的ShapeDrawable
float cornerRadius = getResources().getDimensionPixelSize(R.dimen.corner_radius_24dp);
ShapeDrawable roundedShape = new ShapeDrawable(new RoundRectShape(
    new float[]{cornerRadius, cornerRadius, cornerRadius, cornerRadius,
                cornerRadius, cornerRadius, cornerRadius, cornerRadius},
    null, null));

// 设置背景并开启裁剪
viewPager.setBackground(roundedShape);
viewPager.setClipToOutline(true);

注意：setClipToOutline(true)只对带有形状背景的View生效，所以必须给ViewPager设置ShapeDrawable作为背景，不能用普通的颜色背景。

额外建议 #

如果你还在使用旧的support库，建议迁移到AndroidX组件（比如androidx.cardview.widget.CardView、androidx.viewpager.widget.ViewPager），这样能获得更好的兼容性和后续更新支持。

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