Создание нарисованного прямоугольника в XML с одним градиентом в верхней половине и другим в нижней половине

Question

Я пытаюсь создать прорисовку в xml, прямоугольник с одним градиентом в верхней половине и другим в нижней половине. Это НЕ способ сделать это, по-видимому:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
                <gradient
                        android:startColor="#5a5a5a88"
                        android:endColor="#14141488"
                        android:angle="270" android:centerX="0.25"/>

        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" android:top="80px">
                <gradient
                        android:startColor="#5aff5a88"
                        android:endColor="#14ff1488"
                        android:angle="270" android:centerX="0.25"/>

        </shape>
    </item>
</layer-list>

Как я могу это сделать, желательно таким образом, чтобы его можно было растянуть на любую высоту?

Answer 1

Если ваша цель состоит в том, чтобы иметь градиент с центральным цветом (начинается с цвета A, переходит к B в середине, затем переходит к C в конце), добавьте атрибуты android:centerColor и android:centerY к одному из ваших <shape> элементов и ядерное оружие другого. Вы можете сделать трехцветный градиент в одной форме.

Answer 2

небольшая ошибка для вас, верхний атрибут должен быть в элементе item;)

это работает:

<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
       <shape android:shape="rectangle">
            <gradient
                    android:startColor="#5a5a5a88"
                    android:endColor="#14141488"
                    android:angle="270" android:centerX="0.25"/>

       </shape>
    </item>
    <item android:top="80dp">
    <shape android:shape="rectangle">
            <gradient
                    android:startColor="#5aff5a88"
                    android:endColor="#14ff1488"
                    android:angle="270" android:centerX="0.25"/>

    </shape>
</item>
</layer-list>