中心线性渐变的颜色突然变化

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" />