Layer Drawable/Layer list не рисует фигуры друг над другом

Я пытаюсь создать круглую кнопку с желтым кольцом вокруг нее. Я пытаюсь использовать список слоев в качестве файла ресурсов для рисования и иметь кнопку круга на заднем плане и кольцо сверху.

Однако, что бы я ни пытался, кольцо не рисуется поверх круга. Появляется только круг.

    <?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="16dp"/>
            <solid android:color="@color/blue_button"/>
            <size android:width="32dp" android:height="32dp"/>
        </shape>
    </item>
    <item>
        <shape android:shape="ring" android:innerRadius="50dp" android:useLevel="false" android:thickness="16dp">
            <solid android:color="@color/black"/>
        </shape>
    </item>
</layer-list>

Когда я пытаюсь выделить форму кольца, я ее вижу. Но когда я объединяю его с кругом, я вижу только круг. Настройка толщины или внутреннего радиуса, похоже, не помогла.

Я не уверен, что я делаю неправильно здесь. Кольцо рисуется последним, поэтому оно должно быть сверху. Кто-нибудь может помочь?


person SmallGrammer    schedule 15.02.2021    source источник


Ответы (1)


Можете ли вы попробовать это:

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

<item android:height="50dp" android:width="50dp" android:gravity="center">
    <shape
        android:shape="oval">
        <solid
            android:color="#2323ff"/>
    </shape>
</item>
<item android:height="48dp" android:width="48dp" android:gravity="center">
    <shape
        android:shape="oval"  >
        <solid
            android:color="#000000"/>
    </shape>
</item>
</layer-list>
person MRX    schedule 15.02.2021
comment
Это работает, но в конечном итоге мне понадобится зазор между кнопкой и кольцом. Таким образом, два перекрывающихся овала не будут работать. У вас есть идеи, почему мой прямоугольник (круг) не будет работать с кольцом? - person SmallGrammer; 15.02.2021
comment
Вы можете опубликовать окончательный скриншот того, что вам нужно? - person MRX; 15.02.2021
comment
Что-то вроде этого. Я планирую создать анимацию с пульсирующим наружу желтым кольцом. Поэтому мне нужно несколько рисунков для каждого кадра, чтобы создать этот эффект. - person SmallGrammer; 16.02.2021