你的分享就是我们的动力 ---﹥

Silverlight开发中如何为Silverlight添加双击事件

时间:2012-07-13 12:46来源:www.chengxuyuans.com 点击:

在日常的开发中鼠标的事件是我们使用的最多的事件,但是在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则作为一次双击处理,触发对应的事件和命令,完整的代码如下:

MouseEventHelper

/// <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>
     /// www.bianceng.cn
     /// <param name="sender"></param>
     /// <param name="e"></param>
     static void element_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
     {
         //进入双击事件
         if (_lastClickTime.HasValue && DateTime.Now.Subtract(_lastClickTime.Value).Milliseconds  <= 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,帮她加上各种各样的功能了!~

转载注明地址:http://www.chengxuyuans.com/slverlight/41919.html