Question

我正在尝试实现以下链接中的视图：https://imgur.com/a/6b75AMp

这是我正在使用的图层列表：

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


    <item>
        <shape android:shape="rectangle">
            <corners android:radius="10dp" />
            <solid android:color="@color/HobbesLightGreen"/>
        </shape>
    </item>

    <item android:left="8dp">
        <shape android:shape="rectangle">
            <corners android:radius="10dp" />
            <solid android:color="@color/HobbesBackground"/>
        </shape>
    </item>

    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">

        // The width and color of the border
           <stroke
            android:width="1dp"
            android:color="#3C341F" />

        // The desired corner radius. reduce it to keep it less rounded
        <corners android:radius="10dp" />
        <solid
            android:color="#F0ECE0"
            />


        </shape>
    </item>


</layer-list>

但是，边框没有显示。如果我按照项目的顺序进行操作（例如，如果我使垂直条纹成为最后一个项目），则可能会显示边框，但垂直条纹不会显示。如何使图层列表中的所有内容正确显示？

Answer 1

尝试以下代码，您将获得提示

<?xml version="1.0" encoding="utf-8"?>

<item>
    <shape android:shape="rectangle">
        <corners android:radius="10dp" />
        <solid android:color="@color/HobbesLightGreen" />
    </shape>
</item>

<item android:left="4dp" android:top="4dp" android:right="4dp" android:bottom="4dp">
    <shape android:shape="rectangle">
        <corners android:radius="10dp" />
        <solid android:color="@color/HobbesBackground" />
    </shape>
</item>

<item android:left="8dp" android:top="8dp" android:right="8dp" android:bottom="8dp">
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">

        <stroke android:width="1dp" android:color="#3C341F" />
        <corners android:radius="10dp" />
        <solid android:color="#F0ECE0" />

    </shape>
</item>

Answer 2

我已经修改了一些代码，使用它并检查输出。

<item>
    <shape android:shape="rectangle">
        <corners android:radius="10dp" />
        <solid android:color="@color/colorPrimary"/>
    </shape>
</item>

<item android:left="8dp">
    <shape android:shape="rectangle">
        <corners android:radius="10dp" />
        <solid android:color="@color/colorAccent"/>
    </shape>
</item>

<item>
    <shape android:shape="rectangle">
        <corners android:radius="10dp" />
        <stroke android:color="#000000" android:width="2dp"/>
    </shape>
</item>

并非层列表中的所有项目都显示

2 个答案: