Silverlight創建模板相關技巧分享

作者：佚名 2009-12-30 13:37:24

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創建模板的相關操作方法。

責任編輯：曹凱來源：博客園

Silverlight創建模板