现在的位置: 首页 > 综合 > 正文

Silverlight(WPF)知识随手记[4]:浅谈Style中的Setter与Trigger

2012年10月23日 ⁄ 综合 ⁄ 共 3524字 ⁄ 字号 评论关闭
文章目录
  如果把WPF窗体看作一个舞台,那么窗体上的控件就是一个个演员,它们的职责就是在用户界面上按照业务逻辑的需要扮演自己的角色,为了让同一种控件能担当不同的角色,程序员就要为它们设计多种外观样式和行为动作,这就是Style。构成Style最重要的两种元素是Setter与Trigger,它们相应是设置控件的静态外观风格与设置控件的行为风格。

一、浅谈Style中的Setter

  Setter类的Property属性用来指明准备为目标的哪个属性赋值;而Setter类的Value属性则是你提供的属性值。

<Window.Resources>
<Style TargetType="TextBlock">
<Style.Setters>
<Setter Property="FontSize" Value="22"/>
<Setter Property="TextDecorations" Value="Underline"/>
<Setter Property="FontStyle" Value="Oblique"/>
</Style.Setters>
</Style>
</Window.Resources>
<StackPanel>
<TextBlock Text="Hello cnblogs"/>
<TextBlock Text="Without style" Style="{x:Null}"/>
</StackPanel>

  
    
  因为Style的内容属性是Setters,所以我们可以直接在<Style>标签的内容区域写setter,即可省略<Style.Setters>标签。

  从上面代码我们可以看出,如果想设置控件的ControlTemplate,只需要把Setter的Property设为Template并为Value提供一个ControlTemplate对象即可。

二、浅谈Style中的Trigger

  Trigger,触发器,即当某些条件满足时会触发一个行为,它比较像事件。事件一般是由用户操作触发的,而触发器除了有事件触发型的EventTrigger外还有数据变化触发型的Trigger/DataTrigger及多条件触发型的MultiTrigger/MultiDataTrigger等。
  1.基本Trigger

Trigger类是最基本的触发器,也有Property和Value这两个属性,Property是Trigger关注的属性名称,Value是触发条件。Trigger类还有一个Setters属性,此属性值是一组Setter,一旦触发条件被满足,这组Setter的"属性-值"就会被应用,触发条件不再满足时,各属性值会被还原。

  2.MultiTrigger

MultiTrigger是一个容易让人误解的名字,会让人以为是多个Trigger集成在一起,实际上叫MultiConditionTrigger更合适,因为必须多个条件同时成立时才能被触发。MultiTrigger比Trigger多了一个Conditions属性,需要同时成立的条件就存储在这个集合中。

  3.由数据触发的DataTrigger

DataTrigger对象的Binding属性会把数据源源不断送过来,一旦送来的值与Value属性一致,DataTrigger即被触发。如下面的代码,当TextBox的Text长度小于8个字符时其Border会保持红色。

01 <Window x:Class="WPFTEST.Window1"
02     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
03     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
04         xmlns:local="clr-namespace:WPFTEST"
05     Title="WPFTEST" Height="130" Width="300"
06     >
07     <Window.Resources>
08     <local:L2BConverter x:Key="cvtr"/>
09     <Style TargetType="TextBox">
10         <Style.Triggers>
11         <DataTrigger Binding="{Binding RelativeSource={x:Static RelativeSource.Self},
12                      Path=Text.Length,Converter={StaticResource cvtr}}" Value="false">
13             <Setter Property="BorderBrush" Value="Red"/>
14             <Setter Property="BorderThickness" Value="1"/>
15             </DataTrigger>
16         </Style.Triggers>
17         </Style>
18     </Window.Resources>
19     <StackPanel>
20     <TextBox Margin="5"/>
21     <TextBox Margin="5,0"/>
22     <TextBox Margin="5"/>
23     </StackPanel>
24 </Window>

这里需要解释的就是DataTrigger的Binding,为了将控件自己作为数据源,我们使用了RelativeSource,在不明确指出Source时Binding会把控件的DatContext属性当作数据源而非把控件自身当作数据源,这里我们使用了一个自定义的Converter,把长度转换成真假判断,代码如下

01 /****************************************
02 * 日期: 2011/4/20
03 * 时间: 0:06
04 ****************************************/
05 using System;
06
07 namespace WPFTEST
08 {
09     /// <summary>
10     /// Description of L2BConverter.
11     /// </summary>
12     public class L2BConverter:System.Windows.Data.IValueConverter
13     {
14         public object Convert(object value,Type targetType,object parameter,System.Globalization.CultureInfo culture)
15         {
16             int textLength=(int)value;
17             return textLength>7?true:false;
18         }
19         public object ConvertBack(object value,Type targetType,object parameter,System.Globalization.CultureInfo culture)
20         {
21             throw new NotImplementedException();
22         }
23     }
24 }

  4.多数据条件触发的MultiDataTrigger

和DataTrigger相似,只是要求多个数据条件同时满足时才能触发变化,例如在下面的场景里:用户界面上使用ListBox显示了一列Student数据,当Student对象同时满足ID为3,Name为Tomcat时时候,条目就高亮显示。

  5.由事件触发的EventTrigger

EventTrigger是触发器中最特殊的一个,首先,它不是由属性值或数据的变化来触发而是由事件来触发;其次,被触发后它并非应用一组Setter,而是执行一段动画,因此,UI层的动画效果往往与EventTrigger相关联。

  5.小总结

虽然在Style中大量使用触发器,但触发器并非只能应用在Style中,各种Template也可以拥有自己的触发器,大家可以决定触发器放在Style中还是Template中。

三、参考资源

抱歉!评论已关闭.