WPF 样式

1、LinearGradientBrush,RadialGradientBrush的样式说明

LinearGradientBrush 使用线性渐变绘制区域。线性渐变沿直线定义渐变。该直线的终点由线性渐变的 StartPoint 和 EndPoint 属性定义。LinearGradientBrush 画笔沿此直线绘制其 GradientStops。

默认的线性渐变是沿对角方向进行的。默认情况下，线性渐变的 StartPoint 是被绘制区域的左上角 (0,0)，其 EndPoint 是被绘制区域的右下角 (1,1)。所得渐变的颜色是沿着对角方向路径插入的。对角方向的线性渐变

<!-- This rectangle is painted with a diagonal linear gradient. -->

<Rectangle Width="200" Height="100">

<Rectangle.Fill>

<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">

<GradientStop Color="Yellow" Offset="0.0" />

<GradientStop Color="Red" Offset="0.25" />

<GradientStop Color="Blue" Offset="0.75" />

<GradientStop Color="LimeGreen" Offset="1.0" />

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

RadialGradientBrush 使用径向渐变绘制区域。焦点定义渐变的开始，而圆定义渐变的终点。在编程模型中与 LinearGradientBrush 类似。但是，线性渐变有一个起点和一个终点用于定义渐变矢量，而径向渐变有一个圆以及一个焦点用于定义渐变行为。该圆定义渐变的终点。换言之，1.0 处的渐变停止点定义圆周处的颜色。焦点定义渐变的中心。0.0 处的渐变停止点定义焦点处的颜色。

下面使用径向渐变填充的矩形。径向渐变从白色变化至灰色。外部圆表示渐变圆，而红点表示焦点。

<RadialGradientBrush 

GradientOrigin="0.5,0.5" 

Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">

<RadialGradientBrush.GradientStops>

<GradientStop Color="Yellow" Offset="0" />

<GradientStop Color="LimeGreen" Offset="1" />

</RadialGradientBrush.GradientStops>

</RadialGradientBrush>

说明：Rectangle 的长和宽都被分成0.0 到1.0的一个左上角的一个坐标。Center指的是这个圆的圆心所在坐标的位置，RadiusX，RadiusY分别指这个圆延X,Y轴的长度，GradientOrigins指的是颜色渐变的开始位置，比如说我移动center的坐标，整个圆在动，但是颜色渐变不动，因为GradientOrigins的位置没动。

本文转自Work Hard Work Smart博客园博客，原文链接：http://www.cnblogs.com/linlf03/archive/2011/08/11/2127164.html，如需转载请自行联系原作者