Android开发：RelativeLayout内绘制对角线的显示及位置问题

嘿，刚接触Android开发遇到这种布局小坑很正常，我来帮你捋清楚问题根源并给出靠谱的解决方案～

问题拆解 #

你现在碰到两个核心问题：

1. 背景色覆盖对角线：当你给RelativeLayout直接设置android:background="#FFDC7F"时，这个纯色背景会完全替换掉通过style设置的layer-list背景——因为一个View只能绑定一个背景资源，后设置的会覆盖之前的。
2. 对角线位置跑偏：原来的layer-list里用了固定的300dp边距和-10度旋转，这种硬编码数值在不同尺寸屏幕上会适配失效，而且角度也不是从左下角到右上角的正确角度。

解决方案：合并背景与对角线到同一个layer-list #

我们可以把黄色背景和对角线整合到同一个layer-list中，这样两者就能同时显示，还能保证对角线位置正确适配任意布局尺寸。

步骤1：修改diagonal_line.xml文件

把黄色背景作为底层，对角线作为上层，同时调整旋转参数实现从左下到右上的线条：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 第一层：黄色背景 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FFDC7F" />
        </shape>
    </item>
    <!-- 第二层：从左下角到右上角的对角线 -->
    <item>
        <rotate
            android:fromDegrees="45"
            android:pivotX="0%"
            android:pivotY="100%">
            <shape android:shape="line">
                <stroke
                    android:width="1dp"
                    android:color="#000" />
                <!-- 添加padding避免部分机型裁剪线条 -->
                <padding
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp"
                    android:bottom="1dp" />
            </shape>
        </rotate>
    </item>
</layer-list>

这里的关键参数说明：

• pivotX="0%" pivotY="100%"：把旋转中心固定在布局的左下角
• fromDegrees="45"：让水平线条向上旋转45度，刚好延伸到右上角，适配任意布局比例

步骤2：应用修改后的背景到RelativeLayout

现在不需要单独设置纯色背景了，直接把这个layer-list作为RelativeLayout的背景即可：

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/diagonal_line">

    <!-- 这里放你的其他子View -->
</RelativeLayout>

如果还是想用style管理，保持你的diagonalStyle不变就行，它指向的是修改后的diagonal_line资源。

额外小提示 #

如果之后需要调整对角线的粗细、颜色，或者背景色，直接修改layer-list里对应的参数就好，不需要改动布局代码，非常灵活～

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