You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WearOS 5表盘格式RadialGradient仅显示纯色,如何解决?

问题原因及解决方案

你的代码存在两个关键问题导致径向渐变未生效:

  1. Fill标签同时指定了纯色和渐变
    <Fill>标签中同时设置了color="#80000040"和嵌套的<RadialGradient>,Watch Face Format会优先使用纯色填充,忽略渐变配置。

  2. RadialGradient的positions属性缺失
    径向渐变的positions属性需要与colors的数量一一对应,用来定义每个颜色的位置比例(范围0到1)。空值会导致渐变无法正确解析,最终 fallback 到纯色。


修正后的代码:

<PartDraw x="0" y="0" width="450" height="450" pivotX="0.5" pivotY="0.5" alpha="255">
    <Variant mode="AMBIENT" target="alpha" value="0"/>
    <Ellipse x="0" y="0" width="450" height="450">
        <Fill>
            <RadialGradient centerX="225" centerY="225" radius="225"
                    colors="#ff000040 #ff000010" positions="0 1"/>
        </Fill>
    </Ellipse>
</PartDraw>

修改说明:

  • 移除了<Fill>标签的color属性,确保渐变配置生效
  • 给positions设置了与colors匹配的数值0 1,表示第一个颜色在中心(0位置),第二个颜色在渐变半径的边缘(1位置)

内容的提问来源于stack exchange,提问作者meavydev

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.19 08:27:02