Silverlight实用窍门系列：61.Silverlight中的Trigger触发器,自定义翻页触发器

 在Silverlight应用程序和客户进行交互工作的时候可以不用写后台代码而通过Xaml代码来实现，在本文我们将学习了解Trigger触发器。

       Trigger触发器：引发动作的因素，比如鼠标点击、键盘输入、鼠标双击、键盘Enter键敲入、鼠标中键滚动等等，这些都是触发动作交互的条件。

       Trigger分为以下两类：

　　　　一、系统定义好的如EventTrigger、PropertyTrigger等。

　　　　二、用户自定义的Trigger，例如在SL4中是没有鼠标双击事件的，这时我们可以新建一个DoubleClickTrriger，通过定时器检测当点击页面同一个地方的时间间隔小于300毫秒的都属于鼠标触发动作。

　　 EventTrigger主要是指定触发的事件名称，如下例是在MouseLeftButtonUp的时候触发ChangePropertyAction动作，在本例中不作详细讲述： 

1. <Rectangle Width="300"> 
2.     <i:Interaction.Triggers> 
3.         <i:EventTrigger EventName="MouseLeftButtonUp"> 
4.             <ei:ChangePropertyAction /> 
5.         </i:EventTrigger> 
6.     </i:Interaction.Triggers> 
7. </Rectangle> 

        自定义Trigger:本实例中我们自定义一个翻页的触发器，它通过在指定对象上按下按钮，然后滑动鼠标向左或者向右移动然后放开鼠标，自动检测是向左翻 页还是向右翻页。自定义Trigger和Behavior一样只需要重写OnAttached和OnDetaching方法即可，自定义Trigger需 要继承于TriggerBase<T>类。

        自定义Trigger代码如下：

1. public class PaggerTrigger : TriggerBase<UIElement> 
2. { 
3.     private Point _downPosition; 
4.  
5.     protected override void OnAttached() 
6.     { 
7.         base.OnAttached(); 
8.         //加载事件 
9.         AssociatedObject.MouseLeftButtonDown += new MouseButtonEventHandler(AssociatedObject_MouseLeftButtonDown); 
10.         AssociatedObject.MouseLeftButtonUp += new MouseButtonEventHandler(AssociatedObject_MouseLeftButtonUp); 
11.     } 
12.  
13.     void AssociatedObject_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) 
14.     { 
15.         UIElement element = sender as UIElement; 
16.         _downPosition = e.GetPosition(element); 
17.     } 
18.  
19.     void AssociatedObject_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) 
20.     { 
21.         UIElement element = sender as UIElement; 
22.         Point position = e.GetPosition(element); 
23.         double X_Content =  position.X - _downPosition.X ; 
24.         PageEnum pageEnum = PageEnum.PageLeft; 
25.         if (Math.Abs(X_Content) > 10) 
26.         { 
27.             if (X_Content > 0) 
28.             { 
29.                 pageEnum = PageEnum.PageRight; 
30.             } 
31.             else 
32.             { 
33.                 pageEnum = PageEnum.PageLeft; 
34.             } 
35.             InvokeActions(pageEnum); 
36.         } 
37.     } 
38.  
39.     protected override void OnDetaching() 
40.     { 
41.         base.OnDetaching(); 
42.         //卸载事件 
43.         AssociatedObject.MouseLeftButtonDown -= new MouseButtonEventHandler(AssociatedObject_MouseLeftButtonDown); 
44.         AssociatedObject.MouseLeftButtonUp -= new MouseButtonEventHandler(AssociatedObject_MouseLeftButtonUp); 
45.     } 
46. } 
47.  
48. /// <summary> 
49. /// 指示翻页方向枚举 
50. /// </summary> 
51. public enum PageEnum 
52. {  
53.     /// <summary> 
54.     /// 左翻页 
55.     /// </summary> 
56.     PageLeft, 
57.  
58.     /// <summary> 
59.     /// 右翻页 
60.     /// </summary> 
61.     PageRight 
62. } 

       自定义的Action代码如下，注意Action是触发器被触发时执行的动作，下一篇会详细讲述，其代码如下：

1. //动作 
2. public class InvokeAction : TargetedTriggerAction<UIElement> 
3. { 
4.     protected override void Invoke(object parameter) 
5.     { 
6.         if (ToInvoke != null) 
7.         { 
8.             ToInvoke(parameter, new RoutedEventArgs() { }); 
9.         } 
10.     } 
11.  
12.     public delegate void Handler(object sender, RoutedEventArgs e); 
13.     public event Handler ToInvoke; 
14.  
15. } 

        在主页面调用的时候其Xaml代码如下：

1. <UserControl x:Class="SLTrigger.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:ei="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions"   
8.              xmlns:me="clr-namespace:SLTrigger" 
9.     mc:Ignorable="d" 
10.     d:DesignHeight="300" d:DesignWidth="400"> 
11.  
12.     <Grid x:Name="LayoutRoot" Background="White"> 
13.         <Image Width="300" Source="/SLTrigger;component/chun.jpg" Margin="50,127,50,-16"> 
14.             <i:Interaction.Triggers> 
15.                 <me:PaggerTrigger> 
16.                     <me:InvokeAction ToInvoke="PageClickHandler" /> 
17.                 </me:PaggerTrigger> 
18.             </i:Interaction.Triggers> 
19.         </Image> 
20.     </Grid> 
21. </UserControl> 

        在Xaml.cs代码如下：

1. public partial class MainPage : UserControl 
2. { 
3.     public MainPage() 
4.     { 
5.         InitializeComponent(); 
6.     } 
7.     //实现指定动作时出发的事件处理程序 
8.     private void PageClickHandler(object sender, RoutedEventArgs e) 
9.     { 
10.         PageEnum pageEnum = (PageEnum)sender; 
11.         string info = string.Empty; 
12.         if (pageEnum == PageEnum.PageLeft) 
13.         { 
14.             info = "向左翻页"; 
15.         } 
16.         else if (pageEnum == PageEnum.PageRight) 
17.         { 
18.             info = "向右翻页"; 
19.         } 
20.         MessageBox.Show(info); 
21.     } 
22. } 

        最后如需源码请点击 SLTrigger.zip 下载，需要引用System.Windows.Interactivity.dll 。

本文转自程兴亮 51CTO博客，原文链接:http://blog.51cto.com/chengxingliang/827187