Silverlight中的Action与Trigger

来源：互联网发布：淘宝助理发货网点设置编辑：程序博客网时间：2024/05/16 01:09

最近做的Silverlight项目上用到了大量的拖拽，自动跟随等功能，由于赶时间，加上对Silverlight半生不熟，用的是最简单也是最不好维护的方法。项目忙完了闲下来，想重构一下代码，想起了Trigger和Action这两个东西，当初接触这两个东西不深，只是认识，不知道用。现在正好可以好好学习一下，参考了重多大神的代码之后，终于初步熟悉了它们。这里分享一下我对Trigger和Action的认识。

我用一个最简单的例子来说明Action与Trigger，点击一个Button弹出MessageBox。

建立一个Silverlight Application，引用System.Windows.Interactivity.dll程序集（这个程序集很重要，是使用Trigger，Action，Behavior必须引用的）。我们在MainPage里放一个Button并给一个Click事件。

xaml代码如下：

   1: <UserControl x:Class="SilverlightApplication1.MainPage"   2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"   4:     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"   5:     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"   6:     mc:Ignorable="d"   7:     d:DesignHeight="300" d:DesignWidth="400">   8:     9:     <Grid x:Name="LayoutRoot" Background="White">  10:         <Button Content="Button" HorizontalAlignment="Left" Margin="35,31,0,0" Name="button1" VerticalAlignment="Top" Click="button1_Click" />  11:     </Grid>  12: </UserControl>

cs代码如下：

 1: public partial class MainPage : UserControl   2: {   3:     public MainPage()   4:     {   5:         InitializeComponent();   6:     }   7:     8:     private void button1_Click(object sender, RoutedEventArgs e)   9:     {  10:         MessageBox.Show("Hello World!");  11:     }  12: }

很简单，这是最传统的做法。

下面Action要上场了。所谓Action，就是去执行某些操作。可以根据需要创建自己的Action，常见的需要创建Action的情况有：改变属性、调用方法、打开窗口、导航到某个页面、设置焦点等。自定义Action可从TriggerAction<DependencyObject>或TargetedTriggerAction<DependencyObject>继承，区别在于操作对象是关联对象还是特定的目标对象，实现时覆盖Invoke方法即可。我们新建一个简单的Action，代码如下：

  1: public class Action1 : TriggerAction<DependencyObject>   2: {   3:     public Action1()   4:     {   5:            6:     }   7:     8:     protected override void Invoke(object o)   9:     {  10:         MessageBox.Show("Hello World! This message comes from an action.");  11:     }  12: }

在Invoke方法里Show一个MessageBox。这样，一个Action这创建好了。如何使用它呢？看下面的代码。

xaml代码：

   1: <UserControl x:Class="SilverlightApplication1.MainPage"   2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"   4:     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"   5:     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"   6:     xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"   7:     xmlns:local="clr-namespace:SilverlightApplication1"   8:     mc:Ignorable="d"   9:     d:DesignHeight="300" d:DesignWidth="400">  10:    11:     <Grid x:Name="LayoutRoot" Background="White">  12:         <Button Content="Button" HorizontalAlignment="Left" Margin="35,31,0,0" Name="button1" VerticalAlignment="Top">  13:             <i:Interaction.Triggers>  14:                 <i:EventTrigger EventName="Click">  15:                     <local:Action1 />  16:                 </i:EventTrigger>  17:             </i:Interaction.Triggers>  18:         </Button>  19:     </Grid>  20: </UserControl>

运行结果如图：

很显然，Button的单击调用了那个Action，Button不再去触发xaml.cs里的那个事件处理方法了，而了触发了之前新建的Action1。回到xaml代码，EventTrigger是Silverlight自带的一个触发器（Trigger）。Trigger一量触发，就会执行对应的Action。这里我们把Action1与EventTrigger关联到一起（“关联”这个词可能用得不合适，反正就这个意思），EventTrigger触发Click事件，执行Action弹出MessageBox。而xaml.cs文件里的代码不再需要了。它的好处是不是已经看出来了？有效的分离了UI与后台代码。

下面Trigger正式登场。所谓Trigger，就是监听某些条件的变化，比如事件触发，属性值改变等，进而触发一些动作的发生。这些Triggers可能是EventTrigger、CollisionTrigger 等，当然更多的或许是创建自己的Trigger。自定义Trigger只需要从TriggerBase<DependencyObject>继承，并覆盖OnAttached和OnDetaching方法即可。我面来创建一个Trigger。代码如下：

1:publicclass Trigger1 : TriggerBase<Button>

2: {

3: protectedoverridevoid OnAttached()

4: {

5: base.OnAttached();

6: this.AssociatedObject.Click+=new RoutedEventHandler(Trigger1_Click);

7: }

9: protectedoverridevoid OnDetaching()

10: {

11: base.OnDetaching();

12: this.AssociatedObject.Click-=new RoutedEventHandler(Trigger1_Click);

13: }

14:

15: protectedvoid Trigger1_Click(object sender, RoutedEventArgs e)

16: {

17: MessageBox.Show("Hello World! This message comes froma trigger.");

18: }

19: }

代码中我们用到了AssociationObject这个属性，这个属性表示绑定Trigger的对象，这里是一个Button，OnAttached中注册一个Click事件处理方法，OnDetching中取消注册（如果不取消注册，当这个Button上其它触发器触发时，这个触发器的效果还会重现，因为Click触发之后委托链上所有注册方法都会执行，具体情况具体分析是否需要取消注册）。

在Xaml中这样来使用这个Trigger：

1:<Gridx:Name="LayoutRoot"Background="White">

2: <ButtonContent="Button"HorizontalAlignment="Left"Margin="35,31,0,0"Name="button1"VerticalAlignment="Top">

3: <i:Interaction.Triggers>

4: <local:Trigger1/>

5: </i:Interaction.Triggers>

6: </Button>

7:</Grid>

运行如果如下：

这里Trigger1被触发了。

其实，触发器（Trigger）和动作（Action）是协同工作的。当某事件发生的时候，Trigger就会触发并调用一个Action，Trigger和Action组成了最简单的行为（Behavior下次再讨论）表现形式。

最后，我们让Trigger1和Action1协同工作一下。Trigger1的代码改一改：

1:publicclass Trigger1 : TriggerBase<Button>

2: {

3: protectedoverridevoid OnAttached()

4: {

5: base.OnAttached();

6: this.AssociatedObject.Click+=new RoutedEventHandler(Trigger1_Click);

7: }

9: protectedoverridevoid OnDetaching()

10: {

11: base.OnDetaching();

12: this.AssociatedObject.Click-=new RoutedEventHandler(Trigger1_Click);

13: }

14:

15: protectedvoid Trigger1_Click(object sender, RoutedEventArgs e)

16: {

17: InvokeActions(null);

18: }

19: }

Trigger1_Click方法里调用InvokeActions来执行“关联”到这个Trigger上的Action。Xaml如下：

1:<Gridx:Name="LayoutRoot"Background="White">

2: <ButtonContent="Button"HorizontalAlignment="Left"Margin="35,31,0,0"Name="button1"VerticalAlignment="Top">

3: <i:Interaction.Triggers>

4: <local:Trigger1>

5: <local:Action1/>

6: </local:Trigger1>

7: </i:Interaction.Triggers>

8: </Button>

9:</Grid>

运行结果如下：

这里，Button绑定了Trigger1，Attach这个Trigger1时把Click事件注册上（OnAttached方法。关于Attach，请参考“附加属性”），所以单击Button就调用了绑定在Trigger1上的Action1。

至于这两个东西的好处就不必多说了，分离了UI与代码，提高了代码的复用。

好了，初学Trigger和Action，大致缕了一下它们之间的关系，就简单介绍到这，欢迎一起讨论。更神奇的Behavior将在下篇中介绍。