Silverlight創(chuàng)建模板相關(guān)技巧分享
Silverlight開發(fā)工具作為一個跨多平臺的WEB應(yīng)用程序,專門幫助開發(fā)人員來輕松實(shí)現(xiàn)基于多媒體方面的各種功能需求。那么對于Silverlight創(chuàng)建模板的方法,可能對于初學(xué)者來說并不是很容易理解。#t#
控件的文字以及控件的大小都是固定的,我們希望在開發(fā)人員使用Silverlight創(chuàng)建模板中再設(shè)定,可以在控件模板中通過使用 {TemplateBinding ControlProperty} 的標(biāo)識擴(kuò)展句法來綁定到控件的屬性來實(shí)現(xiàn),使用ContentPresenter控件可以靈活的設(shè)置各個屬性。修改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時我們可以設(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)操作方法。