Silverlight学习笔记:改变控件的样式

简介: Silverlight的控件都具有MS为我们赋予的默认样式,虽然这个样式也不怎么难看,但任何产品都很少用这个默认的样式去做最后的呈现,所以我们就需要对其进行修改。 首先,根据我的了解,我想到的改变控件默认样式的方法有:一、直接在控件本身上写样式;二、定义一个公共的样式标,就像CSS一样;三、运行时样式,前面两个的样式定义好以后就生效了,而运行时样式,只有在程序运行的某一个阶段才会生效。

Silverlight的控件都具有MS为我们赋予的默认样式,虽然这个样式也不怎么难看,但任何产品都很少用这个默认的样式去做最后的呈现,所以我们就需要对其进行修改。

 

首先,根据我的了解,我想到的改变控件默认样式的方法有:一、直接在控件本身上写样式;二、定义一个公共的样式标,就像CSS一样;三、运行时样式,前面两个的样式定义好以后就生效了,而运行时样式,只有在程序运行的某一个阶段才会生效。

 

第一个方法很简单,我们只需要在XAML中加入希望的样式,或者通过Expression Blend在右侧属性中进行修改就可以了。

 当然,我们仍然可以通过编写代码来实现动态的控制控件的样式。

 

 

第二个方法就是通过编辑外部的样式来实现改变的目的。这个方法在参考资料[1]中有详细的描述。

这里,补充一点定义样式的时候关于位置的定义,定义在程序级别 Application ,会将样式写在 App.xaml 中,如果定义在本文档的话,会在页面的上方写入。个人理解就和CSS的文档内写入和外部样式文件类同。

当我们写入 Application 时,标签是这样: <Application.Resources>

当我们写入 Document 时, 标签是这样:<UserControl.Resources>

关于样式更多的内容,可以在MSDN的资料中看到[2]。

 

第三个方法我是在MSDN上看到的,貌似很强大,因为“属性设置和样式可以更改控件外观的某些方面,但应用新模板可以完全更改控件的外观。尽管模板不能更改控件类型的方法和事件,但它可以更改控件的外观,具体取决于不同的状态,如按下或禁用。使用 XAML 可以定义和设置控件的模板。每个控件都有一个可以替换为自定义模板的默认模板。”。 这就是通过 ControlTemplate 来改变控件的外观。

 Cotrol Template 的设置有三种方式:

    将 Template 本地设置成内联定义的 ControlTemplate;

    将 Template 本地设置成对定义资源的 ControlTemplate 的引用;

    用 Style 设置 Template 和 定义 ControlTemplate;

    下面分别是三种方式的定义方法:


< Button  Content ="Button1" >
  
< Button.Template >
    
< ControlTemplate  TargetType ="Button" >

      
<!-- Define the ControlTemplate here. -->

    
</ ControlTemplate >
  
</ Button.Template >
</ Button >

 

< StackPanel >
  
< StackPanel.Resources >
    
< ControlTemplate  TargetType ="Button"  x:Key ="newTemplate" >

      
<!-- Define the ControlTemplate here. -->

    
</ ControlTemplate >
  
</ StackPanel.Resources >

  
< Button  Template =" {StaticResource newTemplate} "  Content ="Button1" />
</ StackPanel >

 

 

< StackPanel >
  
< StackPanel.Resources >
    
< Style  TargetType ="Button"  x:Key ="newTemplate" >  
      
< Setter  Property ="Template" >
        
< Setter.Value >
          
< ControlTemplate  TargetType ="Button" >

            
<!-- Define the ControlTemplate here. -->

          
</ ControlTemplate >
        
</ Setter.Value >
      
</ Setter >
    
</ Style >
  
</ StackPanel.Resources >
  
< Button  Style =" {StaticResource newTemplate} "  Content ="Button1" />
</ StackPanel >

 


 

参考资料:

1Silverlight2自定义样式

2MSDN 控件入门

3使用ControlTemplate 改变现有控件外观

4、创建系统控件的可重用模版

相关文章
Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象
原文:Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象 原创文章,如需转载,请注明出处。   最近在一直研究Silverlight下的数据绑定控件,发现有这样两个接口IEditableObject 和IEditableCollectionView,记录一下结论,欢迎交流指正。
841 0
|
C# 前端开发
WPF,SilverLight中直线的样式示例
原文:WPF,SilverLight中直线的样式示例 XAML代码:// LineStyle.xaml                                                           ...
697 0