Silverlight開(kāi)發(fā)工具作為一個(gè)跨多平臺(tái)的WEB應(yīng)用程序，專(zhuān)門(mén)幫助開(kāi)發(fā)人員來(lái)輕松實(shí)現(xiàn)基于多媒體方面的各種功能需求。那么對(duì)于Silverlight創(chuàng)建模板的方法，可能對(duì)于初學(xué)者來(lái)說(shuō)并不是很容易理解。#t#

控件的文字以及控件的大小都是固定的，我們希望在開(kāi)發(fā)人員使用Silverlight創(chuàng)建模板中再設(shè)定，可以在控件模板中通過(guò)使用 {TemplateBinding ControlProperty} 的標(biāo)識(shí)擴(kuò)展句法來(lái)綁定到控件的屬性來(lái)實(shí)現(xiàn)，使用ContentPresenter控件可以靈活的設(shè)置各個(gè)屬性。修改RoundButton樣式如下所示：

1. < Style x:Key="RoundButton" 
   TargetType="Button"> 
2. < Setter Property="Template"> 
3. < Setter.Value> 
4. < ControlTemplate TargetType="Button"> 
5. < Grid x:Name="RootElement"> 
6. < Rectangle Width="{TemplateBinding Width}
   " Height="{TemplateBinding Height}" 
7. RadiusX="15" RadiusY="15"> 
8. < Rectangle.Fill> 
9. < LinearGradientBrush StartPoint="0,0"> 
10. < GradientStop Color="#FFFFFF" Offset="0.0" /> 
11. < GradientStop Color="#EC04FA" Offset="1.0" /> 
12. < /LinearGradientBrush> 
13. < /Rectangle.Fill> 
14. < Rectangle.Stroke> 
15. < LinearGradientBrush EndPoint="0.5,1" 
    StartPoint="0.5,0"> 
16. < GradientStop Color="#EC04FA" Offset="0" /> 
17. < GradientStop Color="#FFFFFF" Offset="1" /> 
18. < /LinearGradientBrush> 
19. < /Rectangle.Stroke> 
20. < /Rectangle> 
21. < ContentPresenter 
22. Content="{TemplateBinding Content}" 
23. FontSize="{TemplateBinding FontSize}" 
24. HorizontalContentAlignment="
    {TemplateBinding HorizontalContentAlignment}" 
25. VerticalContentAlignment="{TemplateBinding 
    VerticalContentAlignment}" 
26. Foreground="{TemplateBinding Foreground}"> 
27. < /ContentPresenter> 
28. < /Grid> 
29. < /ControlTemplate> 
30. < /Setter.Value> 
31. < /Setter> 
32. < /Style> 

這樣在使用RoundButton時(shí)我們可以設(shè)定控件的文本及控件的大?。?/p>

 
 
 

  
  
  
< Canvas Background="#46461F"> 
  
  
  
< Button x:Name="button1" 
Style="{StaticResource RoundButton}" 
  
  
  
Canvas.Top="80" Canvas.Left="50" 
  
  
  
Content="提 交" FontSize="26" 
  
  
  
HorizontalContentAlignment="Center" 
  
  
  
VerticalContentAlignment="Center" 
  
  
  
Foreground="White" Width="200" 
Height="60"/> 
  
  
  
< Button x:Name="button2" 
Style="{StaticResource RoundButton}" 
  
  
  
Canvas.Top="80" Canvas.Left="260" 
  
  
  
Content="取 消" FontSize="26" 
  
  
  
HorizontalContentAlignment="Center" 
  
  
  
VerticalContentAlignment="Center" 
  
  
  
Foreground="White" Width="100" 
Height="100"/> 
  
  
  
< /Canvas> 
 
 
 

以上就是Silverlight創(chuàng)建模板的相關(guān)操作方法。

分享標(biāo)題：Silverlight創(chuàng)建模板相關(guān)技巧分享
URL地址：http://uogjgqi.cn/article/djcjjde.html