SilverlightStyle应用想过技巧分享

Silverlight工具的应用方法多种多样。如果想要全部掌握浙西而应用方法是一个比较复杂的过称。我们可以在实践总去逐渐的积累这些应用技巧。本篇的内容较为简单,主要针对Silverlight Style应用进行一个练习。Style简要的说就是一些属性值的集合,作用和CSS比较像。在Silverlight2中定义Style只能同用于同种类型的Element。如下代码:#t#

成都创新互联公司服务项目包括威远网站建设、威远网站制作、威远网页制作以及威远网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,威远网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到威远省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

  1. < Style x:Key="ButtonStyleTwo" 
    TargetType="Button">
  2. < Setter Property="FontFamily"
     Value="Arial" />
  3. < Setter Property="FontSize" 
    Value="40" />
  4. < Setter Property="Foreground" 
    Value="Blue" />
  5. < Setter Property="Background">
  6. < /Style>

这就是一个定义好的Silverlight Style应用,它只能用于Button组件,看看它如何产生作用,将Style直接嵌入Button:

 
 
 
  1. < Button Content="Button">
  2. < Button.Style>
  3. < Style TargetType="Button">
  4. < Setter Property="FontFamily" 
    Value="Arial" />
  5. < Setter Property="FontSize" 
    Value="40" />
  6. < Setter Property="Foreground" 
    Value="Blue" />
  7. < Setter Property="Background">
  8. < Setter.Value>
  9. < LinearGradientBrush>
  10. < GradientStop Color="Green"
     Offset="0">< /GradientStop>
  11. < GradientStop Color="Red" 
    Offset="1">< /GradientStop>
  12. < /LinearGradientBrush>
  13. < /Setter.Value>
  14. < /Setter>
  15. < /Style>
  16. < /Button.Style>< /Button> 

当然也可以通过Resource的方式来设置Silverlight Style应用,分别设置了两个Style:ButtonStyleOne、ButtonStyleTwo,
ButtonStyleOne设置为默认Style,ButtonStyleTwo用于在点击Button后切换Style。

 
 
 
  1. XAML Code:
  2. < UserControl x:Class="Silverligh
    tTest.Page"
  3. xmlns="http://schemas.microsoft.
    com/winfx/2006/xaml/presentation" 
  4. xmlns:x="http://schemas.microsoft.
    com/winfx/2006/xaml"
  5. Width="400">
  6. < UserControl.Resources>
  7. < Style x:Key="ButtonStyleOne" 
    TargetType="Button">
  8. < Setter Property="FontFamily" 
    Value="Georgia" />
  9. < Setter Property="FontSize" 
    Value="40" />
  10. < Setter Property="Foreground"
     Value="SlateGray" />
  11. < Setter Property="Background">
  12. < Setter.Value>
  13. < LinearGradientBrush>
  14. < GradientStop Color="Blue" 
    Offset="0">< /GradientStop>
  15. < GradientStop Color="Yellow"
     Offset="1">< /GradientStop>
  16. < /LinearGradientBrush>
  17. < /Setter.Value>
  18. < /Setter>
  19. < /Style>
  20. < Style x:Key="ButtonStyleTwo" 
    TargetType="Button">
  21. < Setter Property="FontFamily" 
    Value="Arial" />
  22. < Setter Property="FontSize" 
    Value="40" />
  23. < Setter Property="Foreground"
     Value="Pink" />
  24. < Setter Property="Background">
  25. < Setter.Value>
  26. < LinearGradientBrush>
  27. < GradientStop Color="Green"
     Offset="0">< /GradientStop>
  28. < GradientStop Color="Red" 
    Offset="1">< /GradientStop>
  29. < /LinearGradientBrush>
  30. < /Setter.Value>
  31. < /Setter>
  32. < /Style>
  33. < /UserControl.Resources>
  34. < StackPanel x:Name="LayoutRoot"
     Background="White">
  35. < Button x:Name="TestButton"
     Content="A Customized Button"
     Style="{StaticResource ButtonStyleOne}" 
    Click="Button_Click">< /Button>
  36. < /StackPanel>
  37. < /UserControl> 

用C#来切换Silverlight Style应用,如下代码:

 
 
 
  1. private void Button_Click
    (object sender, RoutedEventArgs e)
  2. {
  3. //切换Style:ButtonStyleTwo
  4. TestButton.Style = this.Resources
    ["ButtonStyleTwo"] as Style;
  5. //修改Button文字 TestButton.
    Content = "Style Changed";
  6. }

网站题目:SilverlightStyle应用想过技巧分享
转载注明:http://www.shufengxianlan.com/qtweb/news42/232742.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

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