Android XML如何实现多色渐变背景 实现参考图所示效果

完全可以在Android平台实现参考图的多色渐变效果，全程不需要自定义View，用原生XML配置就能完成复刻。

实现原理 #

Android原生提供的GradientDrawable支持多节点的线性渐变配置，只要准确设置渐变方向、颜色序列和每个颜色的分布位置，就能实现和参考图一致的平滑色彩过渡效果，兼容所有主流Android版本。

具体实现步骤 #

• 在项目的 res/drawable 目录下新建XML资源文件，例如命名为 gradient_bg.xml
• 按如下结构编写shape标签，定义渐变参数：

  <?xml version="1.0" encoding="utf-8"?>
  <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle">
      <!-- 清空默认内边距，保证渐变铺满整个视图 -->
      <padding
          android:left="0dp"
          android:top="0dp"
          android:right="0dp"
          android:bottom="0dp" />
      <!-- 按需配置圆角，无圆角的平面渐变直接设为0dp即可 -->
      <corners android:radius="0dp" />
  
      <!-- 核心渐变配置 -->
      <gradient
          android:type="linear"
          android:angle="45">
          <!-- 多色节点：offset范围为0~1，对应从渐变起点到终点的位置占比 -->
          <item android:offset="0" android:color="#673AB7" />
          <item android:offset="0.33" android:color="#E91E63" />
          <item android:offset="0.66" android:color="#FF9800" />
          <item android:offset="1" android:color="#FFEB3B" />
      </gradient>
  </shape>
  

• 直接把这个drawable设置为目标视图的背景即可，例如给根布局、卡片、按钮配置 android:background="@drawable/gradient_bg"，就能看到生效的渐变效果。

容易踩的问题 #

• 渐变的angle参数必须是45的整数倍，否则会触发编译异常，常用角度对应的渐变方向：
  • 0度：水平从左向右渐变
  • 45度：斜向从左上向右下渐变
  • 90度：垂直从下向上渐变
  • 135度：斜向从左下向右上渐变
• 每个颜色节点的offset值必须沿渐变方向从0到1依次递增，不能乱序，否则会出现生硬的色彩跳变
• API 24以下的系统不支持通过<item>子标签配置3个以上的渐变节点，这类低版本场景下最多只能配置startColor、centerColor、endColor三个颜色值，超过3种颜色的需求可以通过代码动态生成GradientDrawable做兼容适配

内容的提问来源于stack exchange，提问作者Her lambang