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 。