Silverlight實用竅門系列：61.Silverlight中的Trigger觸發器,自定義翻頁觸發器

       在Silverlight應用程序和客戶進行交互工作的時候可以不用寫后台代碼而通過Xaml代碼來實現，在本文我們將學習了解Trigger觸發器。

       Trigger觸發器：引發動作的因素，比如鼠標點擊、鍵盤輸入、鼠標雙擊、鍵盤Enter鍵敲入、鼠標中鍵滾動等等，這些都是觸發動作交互的條件。

       Trigger分為以下兩類：

　　　　一、系統定義好的如EventTrigger、PropertyTrigger等。

　　　　二、用戶自定義的Trigger，例如在SL4中是沒有鼠標雙擊事件的，這時我們可以新建一個DoubleClickTrriger，通過定時器檢測當點擊頁面同一個地方的時間間隔小於300毫秒的都屬於鼠標觸發動作。

　　 EventTrigger主要是指定觸發的事件名稱，如下例是在MouseLeftButtonUp的時候觸發ChangePropertyAction動作，在本例中不作詳細講述： 

        <Rectangle Width="300">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="MouseLeftButtonUp">
                    <ei:ChangePropertyAction />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </Rectangle>

        自定義Trigger:本實例中我們自定義一個翻頁的觸發器，它通過在指定對象上按下按鈕，然后滑動鼠標向左或者向右移動然后放開鼠標，自動檢測是向左翻頁還是向右翻頁。自定義Trigger和Behavior一樣只需要重寫OnAttached和OnDetaching方法即可，自定義Trigger需要繼承於TriggerBase<T>類。

        自定義Trigger代碼如下：

    public class PaggerTrigger : TriggerBase<UIElement>
    {
        private Point _downPosition;

        protected override void OnAttached()
        {
            base.OnAttached();
            //加載事件
            AssociatedObject.MouseLeftButtonDown += new MouseButtonEventHandler(AssociatedObject_MouseLeftButtonDown);
            AssociatedObject.MouseLeftButtonUp += new MouseButtonEventHandler(AssociatedObject_MouseLeftButtonUp);
        }

        void AssociatedObject_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            UIElement element = sender as UIElement;
            _downPosition = e.GetPosition(element);
        }

        void AssociatedObject_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            UIElement element = sender as UIElement;
            Point position = e.GetPosition(element);
            double X_Content =  position.X - _downPosition.X ;
            PageEnum pageEnum = PageEnum.PageLeft;
            if (Math.Abs(X_Content) > 10)
            {
                if (X_Content > 0)
                {
                    pageEnum = PageEnum.PageRight;
                }
                else
                {
                    pageEnum = PageEnum.PageLeft;
                }
                InvokeActions(pageEnum);
            }
        }

        protected override void OnDetaching()
        {
            base.OnDetaching();
            //卸載事件
            AssociatedObject.MouseLeftButtonDown -= new MouseButtonEventHandler(AssociatedObject_MouseLeftButtonDown);
            AssociatedObject.MouseLeftButtonUp -= new MouseButtonEventHandler(AssociatedObject_MouseLeftButtonUp);
        }
    }

    /// <summary>
    /// 指示翻頁方向枚舉
    /// </summary>
    public enum PageEnum
    { 
        /// <summary>
        /// 左翻頁
        /// </summary>
        PageLeft,

        /// <summary>
        /// 右翻頁
        /// </summary>
        PageRight
    }

       自定義的Action代碼如下，注意Action是觸發器被觸發時執行的動作，下一篇會詳細講述，其代碼如下：

    //動作
    public class InvokeAction : TargetedTriggerAction<UIElement>
    {
        protected override void Invoke(object parameter)
        {
            if (ToInvoke != null)
            {
                ToInvoke(parameter, new RoutedEventArgs() { });
            }
        }

        public delegate void Handler(object sender, RoutedEventArgs e);
        public event Handler ToInvoke;

    }

        在主頁面調用的時候其Xaml代碼如下：

<UserControl x:Class="SLTrigger.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
          xmlns:ei="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions"  
             xmlns:me="clr-namespace:SLTrigger"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <Image Width="300" Source="/SLTrigger;component/chun.jpg" Margin="50,127,50,-16">
            <i:Interaction.Triggers>
                <me:PaggerTrigger>
                    <me:InvokeAction ToInvoke="PageClickHandler" />
                </me:PaggerTrigger>
            </i:Interaction.Triggers>
        </Image>
    </Grid>
</UserControl>

        在Xaml.cs代碼如下：

    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }
        //實現指定動作時出發的事件處理程序
        private void PageClickHandler(object sender, RoutedEventArgs e)
        {
            PageEnum pageEnum = (PageEnum)sender;
            string info = string.Empty;
            if (pageEnum == PageEnum.PageLeft)
            {
                info = "向左翻頁";
            }
            else if (pageEnum == PageEnum.PageRight)
            {
                info = "向右翻頁";
            }
            MessageBox.Show(info);
        }
    }

        最后如需源碼請點擊 SLTrigger.zip 下載，需要引用System.Windows.Interactivity.dll 。