android圆角矩形可绘制问题

Question

I used the source code below to create the above background image.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:height="40dp"
        android:gravity="top"
        >
        <shape>
            <solid android:color="@color/white100" />
            <stroke
                android:width="1dp"
                android:color="@color/gray_BB"

                />
            <corners
                android:topLeftRadius="3dp"
                android:topRightRadius="3dp"
                />
        </shape>
    </item>
    <item
        android:height="40dp"
        android:gravity="bottom"
        >
        <shape>
            <solid android:color="@color/gray_F4" />
            <stroke
                android:width="1dp"
                android:color="@color/gray_BB"
                />
            <corners
                android:bottomLeftRadius="3dp"
                android:bottomRightRadius="3dp"
                />
        </shape>
    </item>
</layer-list>

There was a problem that the two gray areas of the center view overlap and appear in 2dp.

How can I display only 1dp without overlapping the center view gray?

++

This is the image I am trying to achieve

Answer 1

You need to increase the height of the most front drawable as much as it overlays the one underneath and covers its stroke:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:height="40dp"
        android:gravity="top"
        ...
    </item>
    <!-- This item overlays the other -->
    <item
        android:height="41dp"
        android:gravity="bottom">
        ...
    </item>
</layer-list>

Note that your view height has to be 80dp for the drawable to overlap and cover properly.

Answer 2

It is not implementable with layer-list . Also, if you don't want any overlap, and still want 1dp, which color would that line be?