Silverlight LinearGradientBrush应用技巧分享

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

Silverlight LinearGradientBrush将会使用线性渐变来进行填充，需要设置渐变的坐标：起始点属性StartPoint和结束点EndPoint，两点的坐标最大值为1，最小值为0，用GradientStop来设置不同的颜色渐变以及它的偏移量。如下面的例子：

1. < Canvas Background="#FFFFFF"> 
2. < Rectangle Canvas.Top="40" 
   Canvas.Left="100" 
3. Width="300" Height="160" 
   Stroke="Green" 
4. StrokeThickness="4"> 
5. < Rectangle.Fill> 
6. < LinearGradientBrush 
   StartPoint="0,0" EndPoint="1,0"> 
7. < GradientStop Color="#FBFE03"
    Offset="0.0" /> 
8. < GradientStop Color="#41F702" 
   Offset="0.25" /> 
9. < GradientStop Color="#FF0000" 
   Offset="0.75" /> 
10. < GradientStop Color="#0066FF"
     Offset="1.0" /> 
11. < /LinearGradientBrush> 
12. < /Rectangle.Fill> 
13. < /Rectangle> 
14. < /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> 

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