Android中layer-list绘制的Tooltip底部箭头被截断问题求助

问题根源 #

你当前的layer-list中，箭头通过旋转正方形实现，旋转后的箭头部分会超出View的底部边界，而View默认会裁剪超出自身范围的内容，导致箭头被截断。

解决方案1：修改Layer-list，扩展箭头绘制范围 #

给箭头对应的<item>添加负的android:bottom偏移，让箭头的绘制范围延伸到View边界之外，从而完整显示：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 添加android:bottom="-6dp"，允许箭头超出View底部绘制 -->
    <item android:gravity="bottom|center_horizontal" android:bottom="-6dp">
        <rotate android:fromDegrees="45" android:toDegrees="45"
            android:pivotX="50%" android:pivotY="50%" >
            <shape android:shape="rectangle">
                <size android:width="12dp" android:height="12dp" />
                <corners android:bottomRightRadius="2dp"/>
                <solid android:color="@color/white" />
            </shape>
        </rotate>
    </item>

    <item android:bottom="6dp">
        <shape android:shape="rectangle">
            <size android:width="120dp" android:height="36dp" />
            <solid android:color="@color/white" />
            <corners android:radius="6dp" />
        </shape>
    </item>
</layer-list>

解决方案2：调整View尺寸与父布局裁剪设置 #

1. 让View高度自适应Drawable，避免固定高度导致裁剪：

<RelativeLayout
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/tooltip"
    android:paddingBottom="6dp" <!-- 可选，防止后续内容被箭头遮挡 -->
    >
</RelativeLayout>

2. 如果箭头仍被截断，检查父布局（如ConstraintLayout）是否开启裁剪，需添加：

android:clipChildren="false"

该属性允许子View内容超出自身范围显示。

补充说明 #

• 负偏移值6dp是根据箭头正方形尺寸（12dp）计算的，旋转45度后，底部突出的最大距离约为正方形边长的一半。
• 预览器显示正常是因为它会完整渲染Drawable所有内容，不受View尺寸裁剪限制；而实际运行时View会严格按自身边界裁剪内容。

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