RadialGradientBrush使用随笔

RadialGradientBrush使用的是与LinearGradientBrush一样的比例坐标系统,

如下图所示

RadialGradientBrush主要有三个属性:

Center:默认为(0.5,0.5)圆的中央,渐变的开始点

RadiusY:Y轴半径的比例

RadiusX:X轴半径的比例

GradientOrigin:单词直译为渐变原点,它主要负责渐变的偏移,

一般情况下,我都是保持Center不变,然后改变此值

截图:

XAML代码:

    <Grid x:Name="LayoutRoot" Background="White">
        <Rectangle Width="300" Height="200" Stroke="Black">
            <Rectangle.Fill>
                <RadialGradientBrush Center="0.5,0.5" RadiusY="1" RadiusX="1" GradientOrigin="0.5,1">
                    <GradientStop Offset="0" Color="White"></GradientStop>
                    <GradientStop Offset="1" Color="Green"></GradientStop>                    
                </RadialGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>

源码:

Download