日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
SilverlightRadialGradientBrush實(shí)現(xiàn)顏色填充

如果我們在實(shí)際開發(fā)過程中想要實(shí)現(xiàn)一個(gè)顏色的填充的話，可以使用多種方法來實(shí)現(xiàn)。在這篇文章中我們將會(huì)為大家介紹其中一種Silverlight RadialGradientBrush實(shí)現(xiàn)方法，希望大家可以掌握這一技巧。#t#

Silverlight RadialGradientBrush使用放射性漸變來進(jìn)行顏色填充，用GradientOrigin來指定放射源的位置坐標(biāo)，Center指定圖形的中心位置坐標(biāo)，RadiusX和RadiusY分別指定在X軸和Y軸上的放射半徑，同樣使用GradientStop指定不同顏色的漸變及偏移量，如下面的例子：

  1. < Canvas Background="#CDFCAE"> 
  2. < Ellipse Canvas.Top="30"
     Canvas.Left="100" 
  3. Width="300" Height="180"> 
  4. < Ellipse.Fill> 
  5. < RadialGradientBrush GradientOrigin=
    "0.5,0.5" Center="0.5,0.5" 
  6. RadiusX="0.5" RadiusY="0.5"> 
  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. < /RadialGradientBrush> 
  12. < /Ellipse.Fill> 
  13. < /Ellipse> 
  14. < /Canvas> 

在這個(gè)Silverlight RadialGradientBrush示例中，對于上面提到的放射源位置的坐標(biāo)和圖形中心坐標(biāo)、在X軸和Y軸上的放射半徑它們四個(gè)之間的關(guān)系，大家看下面四個(gè)圓形，我們?yōu)樗膫€(gè)屬性設(shè)置不同的值：

 
 
 
    
  
  
  
  1. < Canvas Background="#CDFCAE"> 
    2.   
  
  
  2. < Ellipse Canvas.Top="20" Canvas.Left="80" 
    3.   
  
  
  3. Width="120" Height="120"> 
    4.   
  
  
  4. < Ellipse.Fill> 
    5.   
  
  
  5. < RadialGradientBrush GradientOrigin="
    0.5,0.5" Center="0.5,0.5" 
    6.   
  
  
  6. RadiusX="0.5" RadiusY="0.5"> 
    7.   
  
  
  7. < GradientStop Color="#FFFFFF" 
    Offset="0.0" /> 
    8.   
  
  
  8. < GradientStop Color="#000000" 
    Offset="1.0" /> 
    9.   
  
  
  9. < /RadialGradientBrush> 
    10.   
  
  
  10. < /Ellipse.Fill> 
    11.   
  
  
  11. < /Ellipse> 
    12.   
  
  
  12. < Ellipse Canvas.Top="20" 
    Canvas.Left="280" 
    13.   
  
  
  13. Width="120" Height="120"> 
    14.   
  
  
  14. < Ellipse.Fill> 
    15.   
  
  
  15. < RadialGradientBrush GradientOrigin=
    "0.75,0.25" Center="0.5,0.5" 
    16.   
  
  
  16. RadiusX="0.5" RadiusY="0.5"> 
    17.   
  
  
  17. < GradientStop Color="#FFFFFF" Offset="0.0" /> 
    18.   
  
  
  18. < GradientStop Color="#000000" Offset="1.0" /> 
    19.   
  
  
  19. < /RadialGradientBrush> 
    20.   
  
  
  20. < /Ellipse.Fill> 
    21.   
  
  
  21. < /Ellipse> 
    22.   
  
  
  22. < Ellipse Canvas.Top="160" Canvas.Left="80" 
    23.   
  
  
  23. Width="120" Height="120"> 
    24.   
  
  
  24. < Ellipse.Fill> 
    25.   
  
  
  25. < RadialGradientBrush GradientOrigin=
    "0.5,0.5" Center="0.5,0.5" 
    26.   
  
  
  26. RadiusX="0.25" RadiusY="0.5"> 
    27.   
  
  
  27. < GradientStop Color="#FFFFFF" Offset="0.0" /> 
    28.   
  
  
  28. < GradientStop Color="#000000" Offset="1.0" /> 
    29.   
  
  
  29. < /RadialGradientBrush> 
    30.   
  
  
  30. < /Ellipse.Fill> 
    31.   
  
  
  31. < /Ellipse> 
    32.   
  
  
  32. < Ellipse Canvas.Top="160" Canvas.Left="280" 
    33.   
  
  
  33. Width="120" Height="120"> 
    34.   
  
  
  34. < Ellipse.Fill> 
    35.   
  
  
  35. < RadialGradientBrush GradientOrigin
    ="0.5,0.5" Center="0.5,0.5" 
    36.   
  
  
  36. RadiusX="0.5" RadiusY="0.25"> 
    37.   
  
  
  37. < GradientStop Color="#FFFFFF" Offset="0.0" /> 
    38.   
  
  
  38. < GradientStop Color="#000000" Offset="1.0" /> 
    39.   
  
  
  39. < /RadialGradientBrush> 
    40.   
  
  
  40. < /Ellipse.Fill> 
    41.   
  
  
  41. < /Ellipse> 
    42.   
  
  
  42. < /Canvas> 
    43.

Silverlight RadialGradientBrush的相關(guān)應(yīng)用方法就為大家介紹到這里啦。


當(dāng)前題目：SilverlightRadialGradientBrush實(shí)現(xiàn)顏色填充
網(wǎng)址分享：http://www.5511xx.com/article/ccddiec.html