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

　　如果把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中。

三、参考资源