企业官网建设流程全解析

<?xml version="1.0" encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><gradientandroid:angle="270"android:endColor="#051d3e"android:startColor="#062a53"android:type="linear"/></shape>

一、你当前代码中每个参数的含义

<shapeandroid:shape="rectangle">

android:shape="rectangle"

• 表示这是一个矩形 Shape
• 可用于background/src/foreground

<gradientandroid:angle="45"android:startColor="#062a53"android:endColor="#051d3e"android:type="linear"android:useLevel="true"/>

1️⃣android:type="linear"

• 渐变类型

• 可选值：

  • linear（线性，最常用）
  • radial（径向）
  • sweep（扫描）

👉 你这里是线性渐变

2️⃣android:startColor

• 渐变起点颜色
• 出现在“渐变方向的起点”

3️⃣android:endColor

• 渐变终点颜色
• 出现在“渐变方向的终点”

4️⃣android:angle="45"（重点）

定义渐变方向（角度）

⚠️Android 的角度规则不是数学坐标系

官方规则（必须记住）👇

5️⃣android:useLevel="true"

⚠️这是一个高级属性

• 仅在LevelListDrawable中才有意义
• 表示颜色随level (0–10000)变化
• 作为普通背景，应该设为false或直接删除

👉 你现在这个场景：不需要它

二、你现在的效果为什么不符合预期？

你当前是：

android:angle="45"

等价于：

左下 → 右上

但你期望的是：

左上浅色 → 右下深色

所以方向错了

三、正确实现：左上浅色 → 右下深色 ✅

✅ 正确 angle：315

<?xml version="1.0" encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><gradientandroid:type="linear"android:angle="315"android:startColor="#062a53"<!--左上：浅色-->android:endColor="#051d3e"<!-- 右下：深色 -->android:useLevel="false" /></shape>

如果不写useLevel（推荐）

<gradientandroid:type="linear"android:angle="315"android:startColor="#062a53"android:endColor="#051d3e"/>

四、快速自检口诀（强烈建议记住）

想象一条箭头：

startColor → endColor

你要的是：

左上 → 右下

对应：

angle = 315

五、常见错误总结（你已经踩到一个）

六、进阶建议（可选）

如果你后面还要：

• 深色模式
• 动态主题
• 不同尺寸渐变比例

可以升级为：

• MaterialShapeDrawable
• 或Compose / Shader