如何在 Android Studio 中为图像按钮添加渐变颜色，中心颜色为最大答案

【问题标题】：How to add gradient color to an Image Button in Android Studio with maximum color at center如何在 Android Studio 中为图像按钮添加渐变颜色，中心颜色为最大
【发布时间】：2021-01-05 08:46:56
【问题描述】：

我是 Android 新手。我正在研究应用程序的 UI 设计。我无法通过遵循图层列表来获得结果。我必须对图像按钮应用渐变色。gradient color button I have to do.

我的资源文件：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="30dp"/>
    <gradient
        android:angle="270"
        android:startColor="#1d976c"
        android:endColor="#1d976c"
        android:centerColor="#001510"
        android:gradientRadius="5dp"
        android:centerX="20%"/>
    <size
        android:height="100dp"
        android:width="50dp"/>
</shape>

Gradient background which I did 如何获得中心黑色和相同长度着色的顶部和底部？

【问题讨论】：

标签： android user-interface gradient selector android-resources

【解决方案1】：

您必须使用图层列表来获得结果。试试这个

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="50dp">
        <shape android:shape="rectangle">
            <corners android:bottomLeftRadius="30dp" android:bottomRightRadius="30dp"/>
            <gradient
               android:angle="270"
               android:centerColor="#001510"
               android:centerX="60%"
               android:endColor="#1d976c"
               android:gradientRadius="5dp"
               android:startColor="#001510" />
           <size
               android:width="50dp"
               android:height="100dp" />
       </shape>
    </item>
    <item android:bottom="50dp">
        <shape android:shape="rectangle">
            <corners  android:topLeftRadius="30dp" android:topRightRadius="30dp" />
            <gradient
               android:angle="270"
               android:centerColor="#001510"
               android:centerX="50%"
               android:endColor="#001510"
               android:gradientRadius="5dp"
               android:startColor="#1d976c" />
          <size
              android:width="50dp"
              android:height="100dp" />
       </shape>
    </item>
 </layer-list>

与android:centerX 一起玩以获得您的结果

【讨论】：

【解决方案2】：

我想你想要这样的东西。玩你想要的颜色。更改颜色以使其匹配https://i.stack.imgur.com/lTIJu.png

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
    android:type="linear"
    android:gradientRadius="50%"
    android:startColor="#00C4DD"
    android:centerColor="#00303C"
    android:endColor="#00C4DD" />
<corners android:radius="30dp" />

</shape>

【讨论】：