Как сделать две параллельные и соседние линии в Android XML?

Question

Я пытаюсь сделать пользовательский разделитель списка. У него есть одна горизонтальная линия, которая является тонким градиентом, и вторая горизонтальная белая линия, расположенная непосредственно под ней как своего рода «тень».

Я пытаюсь использовать <layer-list> для достижения того, чего я хочу, но это не работает так, как я ожидаю.

Вот код:

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

    <item>
        <shape>
            <gradient
                android:startColor="#ccd0d3"
                android:centerColor="#b6babd"
                android:endColor="#ccd0d3"
                android:height="1px"
                android:angle="0" />
        </shape>
    </item>

    <item android:top="2px">        
        <shape
            android:color="@android:color/white"
            android:height="1px" />
    </item>


</layer-list>

Если я использую android:divider, чтобы присвоить это значение ListView и установить android:dividerHeight="2", я получу градиент серого, высота которого составляет два пикселя. Белой линии нигде не видно.

Если я установлю android:top="1px" для белой линии, я вижу градиент серого цвета в один пиксель и черную линию в один пиксель ниже него.

Есть идеи, что я делаю не так?

Answer 1

Вы должны установить dividerHeight на 3 или вообще не устанавливать его.