Silverlight LinearGradientBrush应用技巧分享-51CTO.COM

Silverlight开发工具在图像处理方面的作用是非常强大的。开发人员可以不用美工的帮助而独自完成各种复杂的图像处理。节约了大量的变成时间。为开发人员带来了一个非常好的编程环境。#t#

Silverlight 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>

下面我们对渐变的坐标以及各个颜色渐变的偏移量做一下解释，如下图所示：

Silverlight LinearGradientBrush设置不同的渐变起始点和偏移量我们可以得到多种不同的渐变效果，如下面的示例：

< 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> 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.

Silverlight LinearGradientBrush的一些相关应用方法就为大家介绍到这里。