Silverlight创建模板相关技巧分享

Silverlight开发工具作为一个跨多平台的WEB应用程序,专门帮助开发人员来轻松实现基于多媒体方面的各种功能需求。那么对于Silverlight创建模板的方法,可能对于初学者来说并不是很容易理解。#t#

控件的文字以及控件的大小都是固定的,我们希望在开发人员使用Silverlight创建模板中再设定,可以在控件模板中通过使用 {TemplateBinding ControlProperty} 的标识扩展句法来绑定到控件的属性来实现,使用ContentPresenter控件可以灵活的设置各个属性。修改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时我们可以设定控件的文本及控件的大小:

 
 
 
  1. < Canvas Background="#46461F"> 
  2. < Button x:Name="button1" 
    Style="{StaticResource RoundButton}" 
  3. Canvas.Top="80" Canvas.Left="50" 
  4. Content="提 交" FontSize="26" 
  5. HorizontalContentAlignment="Center" 
  6. VerticalContentAlignment="Center" 
  7. Foreground="White" Width="200" 
    Height="60"/> 
  8. < Button x:Name="button2" 
    Style="{StaticResource RoundButton}" 
  9. Canvas.Top="80" Canvas.Left="260" 
  10. Content="取 消" FontSize="26" 
  11. HorizontalContentAlignment="Center" 
  12. VerticalContentAlignment="Center" 
  13. Foreground="White" Width="100" 
    Height="100"/> 
  14. < /Canvas> 

以上就是Silverlight创建模板的相关操作方法。

网页标题:Silverlight创建模板相关技巧分享
浏览路径:http://www.mswzjz.cn/qtweb/news8/425008.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能,是专注品牌与效果的网络营销公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 贝锐智能