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的一些相關應用方法就為大家介紹到這里。