如何在Android XML中为按钮设置完美的双色对角渐变？

你遇到的问题根源在于Android Shape中android:angle属性的工作机制——它是基于全局画布坐标系计算角度的，而非组件自身的宽高比例。当按钮是矩形（非正方形）时，45°的线性渐变并不会自动对齐组件的对角线，导致渐变方向和视觉预期不符。

解决方案 #

放弃使用android:angle，改用android:startX、android:startY、android:endX、android:endY属性，通过百分比值定义渐变的起点和终点，这样无论组件宽高比例如何，渐变都会严格沿着组件的对角线渲染。

修改后的完整代码 #

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="?attr/size.button.borderRadius" />
    <size android:height="?attr/size.button.height" android:width="?attr/size.button.width" />
    <!-- 左上角到右下角的完美对角线渐变 -->
    <gradient
        android:startColor="#ff0000"
        android:endColor="#0000ff"
        android:type="linear"
        android:startX="0%"
        android:startY="0%"
        android:endX="100%"
        android:endY="100%" />
</shape>

扩展调整 #

如果需要实现右上角到左下角的对角线渐变，只需调整坐标值：

<gradient
    android:startColor="#ff0000"
    android:endColor="#0000ff"
    android:type="linear"
    android:startX="100%"
    android:startY="0%"
    android:endX="0%"
    android:endY="100%" />

内容的提问来源于stack exchange，提问作者Judit Garcia Yustes