如何将渐变颜色添加到 Android Studio 中的图像按钮，中心颜色最大

问题描述

我是 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 如何获得中心黑色和相同长度着色的顶部和底部。

解决方法

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

<?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一起玩以获得结果

,

我想你想要这样的东西。玩你想要的颜色。更改颜色以使其匹配 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>