Silverlight LinearGradientBrush應用技巧分享

作者：佚名 2009-12-30 18:23:13

Silverlight LinearGradientBrush的使用可以幫助我們實現一種不一樣的顏色填充方式。那么具體的實現方法，大家可以通過本文介紹的內容來了解。

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>

Silverlight LinearGradientBrush的一些相關應用方法就為大家介紹到這里。

責任編輯：曹凱來源：博客園

Silverlight LinearGr