LinearLayout中防止ImageView与父布局圆角重叠的实现方案

你的问题核心在于：LinearLayout默认不会裁剪超出自身背景圆角的子View，虽然你的背景看起来有圆角，但子View（PhotoView）会无视这个视觉上的圆角，直接铺满整个父布局。而CardView内部已经集成了裁剪逻辑，所以它的子View会被限制在圆角内，但你不需要全角圆角，所以我们可以给LinearLayout添加裁剪能力来实现需求。

最简单的解决方案（推荐） #

只需要两步修改，就能让PhotoView被限制在LinearLayout的圆角范围内：

1. 重新定义你的背景Drawable
   把原来的bottom_sheet_top_stroke.xml替换为直接的shape（如果不需要多层图层的话），明确指定只给顶部两个角设置圆角：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/dark"/>
    <stroke android:width="5dp" android:color="@color/white"/>
    <!-- 仅顶部两个角保留圆角，底部设为0 -->
    <corners
        android:topLeftRadius="40dp"
        android:topRightRadius="40dp"
        android:bottomLeftRadius="0dp"
        android:bottomRightRadius="0dp"/>
</shape>

2. 给LinearLayout添加裁剪属性
   在布局里给LinearLayout加上android:clipToOutline="true"，这个属性会让LinearLayout按照自身的轮廓（这里就是背景shape的圆角）来裁剪子View：

<LinearLayout 
    android:background="@drawable/bottom_sheet_top_stroke" <!-- 这里用修改后的shape -->
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipToOutline="true"> <!-- 关键：开启子View裁剪 -->

    <com.github.chrisbanes.photoview.PhotoView 
        android:id="@+id/preview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:minHeight="300dp"
        android:scaleType="center" />
</LinearLayout>

为什么这个方案有效？ #

当LinearLayout的背景是带有corners属性的shape时，Android系统会自动生成一个和背景圆角匹配的轮廓（Outline），而clipToOutline="true"会让LinearLayout强制裁剪所有超出这个轮廓的子View内容，这样PhotoView就不会跑到圆角外面去了。

如果必须保留原layer-list背景？ #

如果你因为某些原因需要保留原来的layer-list布局，可以通过代码自定义ViewOutlineProvider来指定LinearLayout的轮廓，然后开启裁剪：

// 在Activity/Fragment的初始化代码中
val yourLinearLayout = findViewById<LinearLayout>(R.id.your_linear_layout_id)
yourLinearLayout.clipToOutline = true

yourLinearLayout.outlineProvider = object : ViewOutlineProvider() {
    override fun getOutline(view: View, outline: Outline) {
        val cornerRadius = resources.getDimensionPixelSize(R.dimen.corner_radius_40dp)
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
            // Android 12+ 可以精确设置每个角的半径
            outline.setCornerRadii(floatArrayOf(
                cornerRadius.toFloat(), cornerRadius.toFloat(), // 左上、右上
                cornerRadius.toFloat(), cornerRadius.toFloat(),
                0f, 0f, // 左下、右下
                0f, 0f
            ))
            outline.setRect(0, 0, view.width, view.height)
        } else {
            // 低版本通过扩大轮廓高度来隐藏底部圆角
            outline.setRoundRect(0, 0, view.width, view.height + cornerRadius * 2, cornerRadius.toFloat())
        }
    }
}

这种方式需要处理版本兼容，所以优先推荐第一种方案。

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