Внезапное смещение цвета линейного градиента в центре

Question

Я пытаюсь добиться поведения, показанного на рисунке ниже, используя xml. Обратите внимание, что в середине цвет внезапно смещается вместо постепенного смещения цвета. Я предположил, что это может быть достигнуто с помощью градиента, но я не могу понять, как. Есть ли способ добиться этого с помощью градиента или любым другим способом с использованием XML?

Вот как выглядит мой текущий xml-код:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:angle="90"
        android:endColor="#E86D52"
        android:startColor="#E11E26" />
    <corners android:radius="10dp" />
    <stroke
        android:width="1.5dp"
        android:color="#231F20" />
</shape>

Вот пример изображения того, чего я хочу достичь, но не знаю как:

Answer 1

Вы можете установить угол, чтобы установить горизонтальный и вертикальный градиент и цвет обводки для границы. Ниже приведен пример градиента 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:centerColor="#c1c1c1"
                android:endColor="#4f4f4f"
                android:gradientRadius="400"
                android:startColor="#c1c1c1"
                android:angle="180"
                />
            <corners android:radius="5dp"/>

            <stroke android:width="1dp"
                android:color="@color/yellow"/>


            <padding android:bottom="1dp" android:left="1dp" android:right="1dp" android:top="1dp" />
        </shape>
    </item>

</layer-list>

Предположим, ваш градиент - "bg_button.xml". Вы будете использовать as-

 <Button

                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:background="@drawable/bg_button"
                       android:text="Next"
                        android:textAllCaps="false"
                      android:textSize="@dimen/btn_text" />