Silverlight LinearGradientBrush应用技巧分享
创始人
2024-06-18 21:21:51
0

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设置不同的渐变起始点和偏移量我们可以得到多种不同的渐变效果,如下面的示例:

 

  1. < Canvas Background="#FFFFFF"> 
  2. < Rectangle Canvas.Top="80" 
    Canvas.Left="20" 
  3. Width="120" Height="80" 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. < Rectangle Canvas.Top="80" 
    Canvas.Left="160" 
  15. Width="120" Height="80" Stroke="Green" 
  16. StrokeThickness="4"> 
  17. < Rectangle.Fill> 
  18. < LinearGradientBrush StartPoint="0,0" 
    EndPoint="0,1"> 
  19. < GradientStop Color="#FBFE03"
     Offset="0.0" /> 
  20. < GradientStop Color="#41F702" 
    Offset="0.25" /> 
  21. < GradientStop Color="#FF0000" 
    Offset="0.75" /> 
  22. < GradientStop Color="#0066FF" 
    Offset="1.0" /> 
  23. < /LinearGradientBrush> 
  24. < /Rectangle.Fill> 
  25. < /Rectangle> 
  26. < Rectangle Canvas.Top="80" 
    Canvas.Left="300" 
  27. Width="120" Height="80" Stroke="Green" 
  28. StrokeThickness="4"> 
  29. < Rectangle.Fill> 
  30. < LinearGradientBrush StartPoint=
    "0,0" EndPoint="1,1"> 
  31. < GradientStop Color="#FBFE03" 
    Offset="0.0" /> 
  32. < GradientStop Color="#41F702"
     Offset="0.25" /> 
  33. < GradientStop Color="#FF0000" 
    Offset="0.75" /> 
  34. < GradientStop Color="#0066FF" 
    Offset="1.0" /> 
  35. < /LinearGradientBrush> 
  36. < /Rectangle.Fill> 
  37. < /Rectangle> 
  38. < /Canvas> 

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

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...