一步一步学Silverlight 2系列（27）：使用Brush进行填充
文/Terrylee 出处/博客园
概述Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。
本文将简单介绍Silverlight中的画刷，在Silverlight中，共提供了五种：SolidColorBrush、LinearGradientBrush、RadialGradientBrush、ImageBrush、VideoBrush，接下来将逐一进行介绍。
SolidColorBrushSolidColorBrush用单一的颜色进行填充， 在使用SolidColorBrush时只要指定Color属性就可以了，除此之外，还可以选择指定Opacity等属性。在我们使用其他图形时，如果指定了Fill属性，则默认会用SolidColorBrush进行填充。下面的示例，使用SolidColorBrush填充两个矩形：
<Canvas Background="#CDFCAE">
<Rectangle Canvas.Top="60" Canvas.Left="20"
Width="200" Height="100" Stroke="Green"
StrokeThickness="2">
<Rectangle.Fill>
<SolidColorBrush Color="Orange">
</SolidColorBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle Canvas.Top="60" Canvas.Left="280"
Width="200" Height="100" Stroke="Green"
StrokeThickness="2">
<Rectangle.Fill>
<SolidColorBrush Color="Orange"
Opacity="0.5">
</SolidColorBrush>
</Rectangle.Fill>
</Rectangle>
</Canvas>
运行后如下所示：
附件:
您所在的用户组无法下载或查看附件 LinearGradientBrush LinearGradientBrush将会使用线性渐变来进行填充，需要设置渐变的坐标：起始点属性StartPoint和结束点EndPoint，两点的坐标最大值为1，最小值为0，用GradientStop来设置不同的颜色渐变以及它的偏移量。如下面的例子：
<Canvas Background="#FFFFFF">
<Rectangle Canvas.Top="40" Canvas.Left="100"
Width="300" Height="160" Stroke="Green"
StrokeThickness="4">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
<GradientStop Color="#FBFE03" Offset="0.0" />
<GradientStop Color="#41F702" Offset="0.25" />
<GradientStop Color="#FF0000" Offset="0.75" />
<GradientStop Color="#0066FF" Offset="1.0" />
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
</Canvas>
运行后如下图所示：
附件:
您所在的用户组无法下载或查看附件下面我们对渐变的坐标以及各个颜色渐变的偏移量做一下解释，如下图所示：
附件:
您所在的用户组无法下载或查看附件设置不同的渐变起始点和偏移量我们可以得到多种不同的渐变效果，如下面的示例：
<Canvas Background="#FFFFFF">
<Rectangle Canvas.Top="80" Canvas.Left="20"
Width="120" Height="80" Stroke="Green"
StrokeThickness="4">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
<GradientStop Color="#FBFE03" Offset="0.0" />
<GradientStop Color="#41F702" Offset="0.25" />
<GradientStop Color="#FF0000" Offset="0.75" />
<GradientStop Color="#0066FF" Offset="1.0" />
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle Canvas.Top="80" Canvas.Left="160"
Width="120" Height="80" Stroke="Green"
StrokeThickness="4">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Color="#FBFE03" Offset="0.0" />
<GradientStop Color="#41F702" Offset="0.25" />
<GradientStop Color="#FF0000" Offset="0.75" />
<GradientStop Color="#0066FF" Offset="1.0" />
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle Canvas.Top="80" Canvas.Left="300"
Width="120" Height="80" Stroke="Green"
StrokeThickness="4">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
<GradientStop Color="#FBFE03" Offset="0.0" />
<GradientStop Color="#41F702" Offset="0.25" />
<GradientStop Color="#FF0000" Offset="0.75" />
<GradientStop Color="#0066FF" Offset="1.0" />
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
</Canvas>
运行后如下图所示：
附件:
您所在的用户组无法下载或查看附件| 感谢原创者的辛勤劳动，希望对您有所帮助，转载请注明原出处。 |
