android - 线性渐变中心X

Question

我正在尝试为按钮制作透明渐变背景，如下所示:

(开始颜色不是灰色而是透明的)

但是我得到这个:(白色部分太窄)

这是我的 gradient.xml:

<!-- Here centerX does not work -->
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:centerX="30%"
        android:startColor="@android:color/transparent"
        android:endColor="@android:color/white"/>

</shape>

我也试过添加一个centerColor，但是透明区域变成了灰色!

<!-- Here the startColor turns greyish -->
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:centerColor="@android:color/white"
        android:centerX="30%"
        android:endColor="@android:color/white"
        android:startColor="@android:color/transparent" />

</shape>

提前致谢!

Answer 1

如果您只需要将渐变移动到可绘制对象的左侧，请尝试这样的操作:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:left="100dp">
        <color android:color="@android:color/white"/>
    </item>
    <item android:width="100dp">
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
        <gradient
            android:centerX="30%"
            android:endColor="@android:color/white"
            android:startColor="@android:color/transparent"/>
        </shape>
    </item>
</layer-list>

这一层由两个矩形组成:

1. 白色矩形向右移动 30dp
2. 渐变矩形，宽度为30dp