可绘制矩形左边框上的垂直可绘制线？

Question

我一直在寻找类似的问题，但我找不到任何我正在寻找的东西。我也一直在搞这个 XML 很长一段时间，我不想导入任何库或使用绘图代码来制作这个方形边框。

如您所见，白色边框后面有一条橙色线。

这是我得到的最接近的结果：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <rotate android:fromDegrees="90">
            <shape android:shape="line" android:thickness="3dp">
                <padding android:left="120dp"/>
                <stroke android:width="3dp" android:color="#F4900A"/>
            </shape>
        </rotate>
    </item>
<item>
    <shape
        android:shape="rectangle">
        <stroke android:width="1dp" android:color="@color/white"/>
        <solid android:color="#00FF0000"/>
        <corners android:radius="16dp"/>
    </shape>
</item>
<!-- Background is transparent -->
<item>
    <shape
        android:shape="rectangle">
        <stroke android:width="1dp" android:color="#00000000" />
        <solid android:color="#00000000" />
    </shape>
</item>
</layer-list>

任何帮助将不胜感激，我觉得我很接近，但我不确定如何在不缩小尺寸的情况下将这条线向左移动？我一直在摆弄填充，它看起来很乱。

注意：我还尝试将白色边框设置为左侧有橙色渐变，但看起来不对 - 所以我认为渐变不是一个选项。

Answer 1

这可以通过以下方式实现：

一个普通的矩形作为外白色边框
代表左侧线的橙色实心矩形 android:gravity="left" 将其定位在左侧，并根据需要调整填充以将左侧线向右、顶部和底部移动

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape android:shape="rectangle">
            <stroke
                android:width="2dp"
                android:color="@color/white" />
            <corners android:radius="20dp" />
        </shape>
    </item>

    <item
        android:bottom="15dp"
        android:gravity="left"
        android:left="1dp"
        android:top="15dp">

        <rotate android:fromDegrees="180">
            <shape android:shape="rectangle">
                <solid android:color="#FF9800" />
                <size android:width="3dp" />
            </shape>
        </rotate>

    </item>


</layer-list>

不同 TextView 大小的预览：

可绘制矩形左边框上的垂直可绘制线？

Vertical Drawable Line on Left Border of Drawable Rectangle?

android

xml

android-studio

android-drawable