如何在 XML drawable 的中心绘制垂直形状

Question

如何在使用 layer-list 时在 XML 可绘制对象中绘制垂直线？我在可绘制对象中声明了 3 个形状，但由于某些原因它没有按预期显示。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/green"/>
        </shape>
    </item>

    <item android:top="0dp" android:left="1dp" android:bottom="0dp" android:right="5dp">
        <shape android:shape="rectangle">
            <size android:width="3dp"/>
            <solid android:color="@android:color/white"/>
        </shape>
    </item>
    <item android:top="0dp" android:left="5dp" android:bottom="0dp" android:right="1dp">
        <shape android:shape="rectangle">
            <size android:width="3dp"/>
            <solid android:color="@android:color/white"/>
        </shape>
    </item>
</layer-list>

当前结果

预期结果

Answer 1

试试这个解决方案

drawable/shape.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@color/colorAccent" />/>
<size android:width="5dip" />
<stroke
    android:color="@color/colorAccent"
    />
</shape>

在布局文件中包含以下内容

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">

<View
    android:layout_width="15dip"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/activity_horizontal_margin"
    android:background="@drawable/shape"></View>

<View
    android:layout_width="15dip"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/activity_horizontal_margin"
    android:background="@drawable/shape"></View>

<View
    android:layout_width="15dip"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/activity_horizontal_margin"
    android:background="@drawable/shape"></View>

</LinearLayout>

更改颜色并修复布局的边距。

Answer 2

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item
    android:width="16dp"
    android:left="15px">
    <shape
        android:shape="rectangle">
        <solid android:color="@color/colorAccent" />/>
        <size android:width="5dip" />
        <stroke android:color="@color/colorAccent" />
    </shape>
</item>
<item
    android:width="16dp"
    android:left="80px">

    <shape
        android:shape="rectangle">
        <solid android:color="@color/colorAccent" />/>
        <size android:width="5dip" />
        <stroke android:color="@color/colorAccent" />
    </shape>
</item>

<item
    android:width="16dp"
    android:left="140px">
    <shape
        android:shape="rectangle">
        <solid android:color="@color/colorAccent" />/>
        <size android:width="5dip" />
        <stroke android:color="@color/colorAccent" />
    </shape>
</item>

</layer-list>

如何在 XML drawable 的中心绘制垂直形状

How to draw vertical shape in the centre of XML drawable

xml

android

xml-drawable

android-drawable