Silverlight創建模板相關技巧分享
作者：佚名
Silverlight創建模板的方法將會在文章中以代碼示例為大家詳細講解相關操作，希望在這篇文章中，大家可以獲得更多的幫助。
Silverlight開發工具作為一個跨多平臺的WEB應用程序，專門幫助開發人員來輕松實現基于多媒體方面的各種功能需求。那么對于Silverlight創建模板的方法，可能對于初學者來說并不是很容易理解。#t#
控件的文字以及控件的大小都是固定的，我們希望在開發人員使用Silverlight創建模板中再設定，可以在控件模板中通過使用 {TemplateBinding ControlProperty} 的標識擴展句法來綁定到控件的屬性來實現，使用ContentPresenter控件可以靈活的設置各個屬性。修改RoundButton樣式如下所示：
- < Style x:Key="RoundButton"
TargetType="Button"> - < Setter Property="Template">
- < Setter.Value>
- < ControlTemplate TargetType="Button">
- < Grid x:Name="RootElement">
- < Rectangle Width="{TemplateBinding Width}
" Height="{TemplateBinding Height}" - RadiusX="15" RadiusY="15">
- < Rectangle.Fill>
- < LinearGradientBrush StartPoint="0,0">
- < GradientStop Color="#FFFFFF" Offset="0.0" />
- < GradientStop Color="#EC04FA" Offset="1.0" />
- < /LinearGradientBrush>
- < /Rectangle.Fill>
- < Rectangle.Stroke>
- < LinearGradientBrush EndPoint="0.5,1"
StartPoint="0.5,0"> - < GradientStop Color="#EC04FA" Offset="0" />
- < GradientStop Color="#FFFFFF" Offset="1" />
- < /LinearGradientBrush>
- < /Rectangle.Stroke>
- < /Rectangle>
- < ContentPresenter
- Content="{TemplateBinding Content}"
- FontSize="{TemplateBinding FontSize}"
- HorizontalContentAlignment="
{TemplateBinding HorizontalContentAlignment}" - VerticalContentAlignment="{TemplateBinding
VerticalContentAlignment}" - Foreground="{TemplateBinding Foreground}">
- < /ContentPresenter>
- < /Grid>
- < /ControlTemplate>
- < /Setter.Value>
- < /Setter>
- < /Style>
這樣在使用RoundButton時我們可以設定控件的文本及控件的大小：
- < 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創建模板的相關操作方法。
責任編輯：曹凱
來源：
博客園
