Как создать две фигуры внутри нарисованного элемента?

Question

Я использую пользовательский макет для индикатора выполнения, который состоит из маленьких полосок в зависимости от количества шагов.Макет можно увидеть ниже: Я хочу создать элемент, который показывает черную полосу и белую полосу, которая выглядит как пространство между прогрессами.

Теперь я знаю, что этоМожно создать это с двумя отдельными предметами.Но я пункт как прогресс прогрессбара.Например:

<!-- Define the progress properties like start color, end color etc -->
    <item android:id="@android:id/progress">
        <clip>
            <shape 1>
            <shape 2>
        </clip>
    </item>

Теперь, как я могу создать собственный элемент, который может состоять из двух фигур внутри него?

Answer 1

progress.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:width="3dp"
        android:height="2dp"
        android:drawable="@drawable/text_field"
        android:start="@dimen/dimen_5dp" />

    <item
        android:width="3dp"
        android:drawable="@drawable/text_field"
        android:end="@dimen/dimen_5dp" />

</layer-list>

text_field.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true">
        <shape>
            <gradient
                android:endColor="@color/white"
                android:startColor="@color/white"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
</selector>