Silverlight开发中的疑难杂症-如何为Silverlight添加双击事件

在日常的开发中鼠标的事件是我们使用的最多的事件，但是在Silverlight中，只支持以下六种有限的鼠标事件：MouseEnter、MouseLeave、MouseLeftButtonDown、MouseLeftButtonUp、MouseMove、MouseWheel。这给我们的开发造成了不小的麻烦，还好Silverlight支持强大的附加属性机制，这里就指导大家如何通过附加属性来给Silverlight添加鼠标的双击事件。

附加属性是Silverlight也是WPF中最具创新也是最强大的特性之一，它能够让你在不拥有控件的源码的情况下对其功能进行扩展。关于附加属性的强大我就不在这里叙述了，有感兴趣的朋友可以去查看WPF控件开发揭秘一书，里面有一张专门争对附加属性进行了介绍，网络上和园子里也早就有许多关于附加属性的文章。

这里直接进入主题，首先，我们需要对外提供两种双击事件的处理机制，一种是常用的事件机制，使用自带的MouseButtonEventHandler；另一种是现在比较流行的Command机制，使用ICommand接口。两个附加属性的定义如下：

#region MouseDoubleClick

public static MouseButtonEventHandler GetMouseDoubleClick(DependencyObject obj)
{
    return (MouseButtonEventHandler)obj.GetValue(MouseDoubleClickProperty);
}

public static void SetMouseDoubleClick(DependencyObject obj, MouseButtonEventHandler value)
{
    obj.SetValue(MouseDoubleClickProperty, value);
}

public static readonly DependencyProperty MouseDoubleClickProperty = DependencyProperty.RegisterAttached(
    "MouseDoubleClick",
    typeof(MouseButtonEventHandler),
    typeof(MouseEventHelper),
    new PropertyMetadata(new PropertyChangedCallback(OnMouseDoubleClickChanged))); 

#endregion

#region MouseDoubleClickCommand

public static ICommand GetMouseDoubleClickCommand(DependencyObject obj)
{
    return (ICommand)obj.GetValue(MouseDoubleClickCommandProperty);
}

public static void SetMouseDoubleClickCommand(DependencyObject obj, ICommand value)
{
    obj.SetValue(MouseDoubleClickCommandProperty, value);
}

public static readonly DependencyProperty MouseDoubleClickCommandProperty =
    DependencyProperty.RegisterAttached("MouseDoubleClickCommand", typeof(ICommand), typeof(MouseEventHelper), new PropertyMetadata(OnMouseDoubleClickChanged)); 

#endregion

附加属性在定义上与依赖属性的主要区别就是附加属性是通过DependencyProperty.RegisterAttached的方式进行注册的，而依赖属性是通过DependencyProperty.Register方法进行注册的。这里还提供了Get和Set方法，这两个方法是提供给在Xaml代码中进行附加属性注册时使用的。大家在进行附加属性的定义时，可以通过输入propa再按一下Tab键进行代码生成。大家可以注意到，在两个属性的定义中我们都传入了一个PropertyChangedCallback，这就是所谓的扩展点，在这个回调中，我们可以根据自己的逻辑进行相应的处理，这里我们只是注册了UIElement的MouseLeftButtonDown事件，这样可以让我们的附加属性能够作用于所有继承自UIElement的控件（基本上就是全部的控件了吧~）。

双击事件的实现思路非常简单，就是通过在MouseLeftButtonDown中记录鼠标点击的时间，然后用上次的点击时间跟这次的点击时间进行比较，如果两次点击间隔小于200ms则作为一次双击处理，触发对应的事件和命令，完整的代码如下：

 

/// <summary>
/// Silverlight鼠标事件帮助类
/// </summary>
public class MouseEventHelper
{
    #region Dependency Properties

    #region 模拟鼠标双击事件

    #region MouseDoubleClick

    public static MouseButtonEventHandler GetMouseDoubleClick(DependencyObject obj)
    {
        return (MouseButtonEventHandler)obj.GetValue(MouseDoubleClickProperty);
    }

    public static void SetMouseDoubleClick(DependencyObject obj, MouseButtonEventHandler value)
    {
        obj.SetValue(MouseDoubleClickProperty, value);
    }

    public static readonly DependencyProperty MouseDoubleClickProperty = DependencyProperty.RegisterAttached(
        "MouseDoubleClick",
        typeof(MouseButtonEventHandler),
        typeof(MouseEventHelper),
        new PropertyMetadata(new PropertyChangedCallback(OnMouseDoubleClickChanged))); 

    #endregion

    #region MouseDoubleClickCommand

    public static ICommand GetMouseDoubleClickCommand(DependencyObject obj)
    {
        return (ICommand)obj.GetValue(MouseDoubleClickCommandProperty);
    }

    public static void SetMouseDoubleClickCommand(DependencyObject obj, ICommand value)
    {
        obj.SetValue(MouseDoubleClickCommandProperty, value);
    }

    public static readonly DependencyProperty MouseDoubleClickCommandProperty =
        DependencyProperty.RegisterAttached("MouseDoubleClickCommand", typeof(ICommand), typeof(MouseEventHelper), new PropertyMetadata(OnMouseDoubleClickChanged)); 

    #endregion

    private static DateTime? _lastClickTime = null;
    private const int MaxClickInterval = 200;//ms

    private static void OnMouseDoubleClickChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
    {
        UIElement element = obj as UIElement;
        if (element != null)
        {
            element.MouseLeftButtonDown += new MouseButtonEventHandler(element_MouseLeftButtonDown);
        }
    }

    /// <summary>
    /// 通过检测两次鼠标单机的间隔来模拟鼠标双击事件
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    static void element_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        //进入双击事件
        if (_lastClickTime.HasValue && DateTime.Now.Subtract(_lastClickTime.Value).TotalMilliseconds <= MaxClickInterval)
        {
            //触发事件
            MouseButtonEventHandler handler = (sender as UIElement).GetValue(MouseDoubleClickProperty) as MouseButtonEventHandler;
            if (handler != null)
            {
                handler(sender, e);
            }
            ICommand command = (sender as UIElement).GetValue(MouseDoubleClickCommandProperty) as ICommand;
            if (command != null)
            {
                if (command.CanExecute(sender))
                {
                    command.Execute(sender);
                }
            }
            //重新计时
            _lastClickTime = null;
        }
        else
        {
            _lastClickTime = DateTime.Now;
        }
    } 

    #endregion

    #endregion
}

是不是觉得很简单？按照上面的流程大家就可以尽情的扩展Silverlight，帮她加上各种各样的功能了！~