RadialGradientBrush添加3个以上GradientStop仅显示2个，如何解决？

你遇到的问题核心是对GradientStop的Offset属性取值范围理解有误。在WPF/UWP的RadialGradientBrush中，Offset的有效取值范围是0到1（包含边界值），超出这个范围的渐变停止点会被渲染引擎直接忽略，这就是为什么你只看到前两个颜色的原因。

关键细节解释 #

• Offset=0：对应径向渐变的核心区域（或GradientOrigin指定的原点）
• Offset=1：对应径向渐变的最外层边界（由RadiusX、RadiusY和Center共同定义的范围边缘）
• 你设置的第三个GradientStop的Offset=2，已经完全超出了渐变的有效渲染范围，所以不会被显示。

修正后的代码示例 #

如果想让绿色渐变停止点正常显示，只需将它的Offset调整到0-1之间的合理数值，比如0.7或1（根据你想要的颜色过渡位置调整）：

<Path StrokeThickness="20" Data="M150,150 A100,100 0 1 1 150,350 A100,100 0 1 1 150,150">
    <Path.Stroke>
        <RadialGradientBrush Center="0.5,0.5" GradientOrigin="0.5,0.5" RadiusX="1" RadiusY="1">
            <GradientStop Color="White" Offset="0"/>
            <GradientStop Color="Blue" Offset="0.6"/>
            <GradientStop Color="Green" Offset="1"/>
        </RadialGradientBrush>
    </Path.Stroke>
</Path>

额外优化提示 #

如果需要调整渐变的扩散范围或颜色过渡的起点位置，可以通过修改Center、GradientOrigin、RadiusX和RadiusY参数来实现，但务必保证所有GradientStop的Offset都在0-1范围内，这样所有颜色节点才能被正确识别和渲染。

内容的提问来源于stack exchange，提问作者Null Reference Exception