SilverlightRadialGradientBrush实现颜色填充

如果我们在实际开发过程中想要实现一个颜色的填充的话，可以使用多种方法来实现。在这篇文章中我们将会为大家介绍其中一种Silverlight RadialGradientBrush实现方法，希望大家可以掌握这一技巧。#t#

Silverlight RadialGradientBrush使用放射性渐变来进行颜色填充，用GradientOrigin来指定放射源的位置坐标，Center指定图形的中心位置坐标，RadiusX和RadiusY分别指定在X轴和Y轴上的放射半径，同样使用GradientStop指定不同颜色的渐变及偏移量，如下面的例子：

< Canvas Background="#CDFCAE">
< Ellipse Canvas.Top="30"
Canvas.Left="100"
Width="300" Height="180">
< Ellipse.Fill>
< RadialGradientBrush GradientOrigin=
"0.5,0.5" Center="0.5,0.5"
RadiusX="0.5" RadiusY="0.5">
< GradientStop Color="#FBFE03"
Offset="0.0" />
< GradientStop Color="#41F702"
Offset="0.25" />
< GradientStop Color="#FF0000"
Offset="0.75" />
< GradientStop Color="#0066FF"
Offset="1.0" />
< /RadialGradientBrush>
< /Ellipse.Fill>
< /Ellipse>
< /Canvas>

在这个Silverlight RadialGradientBrush示例中，对于上面提到的放射源位置的坐标和图形中心坐标、在X轴和Y轴上的放射半径它们四个之间的关系，大家看下面四个圆形，我们为四个属性设置不同的值：

 
 
 
  
  
  < Canvas Background="#CDFCAE">   
  
  < Ellipse Canvas.Top="20" Canvas.Left="80"   
  
  Width="120" Height="120">   
  
  < Ellipse.Fill>   
  
  < RadialGradientBrush GradientOrigin="
0.5,0.5" Center="0.5,0.5"   
  
  RadiusX="0.5" RadiusY="0.5">   
  
  < GradientStop Color="#FFFFFF" 
Offset="0.0" />   
  
  < GradientStop Color="#000000" 
Offset="1.0" />   
  
  < /RadialGradientBrush>   
  
  < /Ellipse.Fill>   
  
  < /Ellipse>   
  
  < Ellipse Canvas.Top="20" 
Canvas.Left="280"   
  
  Width="120" Height="120">   
  
  < Ellipse.Fill>   
  
  < RadialGradientBrush GradientOrigin=
"0.75,0.25" Center="0.5,0.5"   
  
  RadiusX="0.5" RadiusY="0.5">   
  
  < GradientStop Color="#FFFFFF" Offset="0.0" />   
  
  < GradientStop Color="#000000" Offset="1.0" />   
  
  < /RadialGradientBrush>   
  
  < /Ellipse.Fill>   
  
  < /Ellipse>   
  
  < Ellipse Canvas.Top="160" Canvas.Left="80"   
  
  Width="120" Height="120">   
  
  < Ellipse.Fill>   
  
  < RadialGradientBrush GradientOrigin=
"0.5,0.5" Center="0.5,0.5"   
  
  RadiusX="0.25" RadiusY="0.5">   
  
  < GradientStop Color="#FFFFFF" Offset="0.0" />   
  
  < GradientStop Color="#000000" Offset="1.0" />   
  
  < /RadialGradientBrush>   
  
  < /Ellipse.Fill>   
  
  < /Ellipse>   
  
  < Ellipse Canvas.Top="160" Canvas.Left="280"   
  
  Width="120" Height="120">   
  
  < Ellipse.Fill>   
  
  < RadialGradientBrush GradientOrigin
="0.5,0.5" Center="0.5,0.5"   
  
  RadiusX="0.5" RadiusY="0.25">   
  
  < GradientStop Color="#FFFFFF" Offset="0.0" />   
  
  < GradientStop Color="#000000" Offset="1.0" />   
  
  < /RadialGradientBrush>   
  
  < /Ellipse.Fill>   
  
  < /Ellipse>   
  
  < /Canvas>

Silverlight RadialGradientBrush的相关应用方法就为大家介绍到这里啦。

网站标题：SilverlightRadialGradientBrush实现颜色填充
当前链接：http://www.shufengxianlan.com/qtweb/news34/448184.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容