wpf之RadialGradientBrush径向渐变画刷

c#上位机2026-05-14 16:16

1、从中心往外径向渐变，铺满整幅图像

RadiusX为0.5时，说明X方向铺满图像，RadiusY="0.5"是，说明Y方向铺满图像。

csharp 复制代码

 <Rectangle Width="200" Height="100">
                <Rectangle.Fill>
                    <!-- 线性渐变画刷 -->
                    <RadialGradientBrush Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
                        <!-- 定义两个或更多个渐变点 -->
                        <GradientStop Color="Red"  Offset="0" />
                        <GradientStop Color="Blue"  Offset="1" />
                    </RadialGradientBrush>
                </Rectangle.Fill>
            </Rectangle>

2、从中心往外径向渐变，铺满50%整幅图像

csharp 复制代码

 <Rectangle Width="200" Height="100">
                <Rectangle.Fill>
                    <!-- 线性渐变画刷 -->
                    <RadialGradientBrush Center="0.5,0.5" RadiusX="0.25" RadiusY="0.25">
                        <!-- 定义两个或更多个渐变点 -->
                        <GradientStop Color="Red"  Offset="0" />
                        <GradientStop Color="Blue"  Offset="1" />
                    </RadialGradientBrush>
                </Rectangle.Fill>
            </Rectangle>

3、从中心往外径向渐变，超出1倍大小整幅图像

csharp 复制代码

<Rectangle Width="200" Height="100">
                <Rectangle.Fill>
                    <!-- 线性渐变画刷 -->
                    <RadialGradientBrush Center="0.5,0.5" RadiusX="1" RadiusY="1">
                        <!-- 定义两个或更多个渐变点 -->
                        <GradientStop Color="Red"  Offset="0" />
                        <GradientStop Color="Blue"  Offset="0.75" />
                    </RadialGradientBrush>
                </Rectangle.Fill>
            </Rectangle>

4、指定3种颜色渐变

csharp 复制代码

 <Rectangle Width="200" Height="100">
                <Rectangle.Fill>
                    <!-- 线性渐变画刷 -->
                    <RadialGradientBrush Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
                        <!-- 定义两个或更多个渐变点 -->
                        <GradientStop Color="Red"  Offset="0" />
                        <GradientStop Color="green"  Offset="0.5" />
                        <GradientStop Color="Blue"  Offset="0.75" />
                    </RadialGradientBrush>
                </Rectangle.Fill>
            </Rectangle>