Silverlight鼠标事件处理全解析

### Silverlight 鼠标事件处理全解析 #### 1. 事件抑制与 Handled 属性 在冒泡事件中，事件参数对象除了包含 `Source` 属性外，还有一个名为 `Handled` 的布尔属性，它可用于抑制事件。例如，在 `StackPanel` 中处理 `MouseLeftButtonDown` 事件并将 `Handled` 属性设置为 `true`，`StackPanel` 就不会触发该事件。这样，当点击 `StackPanel` 或其内部元素时，`MouseLeftButtonDown` 事件不会传递到按钮，`Click` 事件也不会触发。此技术在构建自定义控件时很有用，比如处理了用户的按钮点击操作后，不想让更高级别的元素参与其中。 需要注意的是，WPF 提供了一种后门机制，允许代码接收被标记为已处理（通常会被忽略）的事件，而 Silverlight 没有此功能。 #### 2. 鼠标事件处理概述 几乎所有的 Silverlight 应用程序都会使用 `MouseLeftButtonDown` 事件，但鼠标事件的处理远不止于此。下面将详细介绍如何处理右键点击、鼠标移动、鼠标滚轮事件，以及如何捕获鼠标、模拟拖放操作和更改鼠标光标。 #### 3. 右键点击处理 在 Silverlight 应用程序中，默认情况下，右键点击任何位置都会弹出一个 Silverlight 菜单。该菜单包含一个名为 “Silverlight” 的命令，点击它会打开一个标签式窗口，可用于更改 Silverlight 设置。如果创建的应用程序支持离线安装，该菜单还会有第二个命令用于安装应用程序。 若想为某些元素（甚至整个窗口）处理右键点击事件以提供更专业的功能，可在用户右键点击特定元素时显示自定义上下文菜单。虽然 Silverlight 本身没有上下文菜单控件，但可从 Silverlight Toolkit（http://silverlight.codeplex.com）获取。使用它可以为任何控件附加右键菜单。 不过，即使显示了自定义上下文菜单，`MouseRightButtonDown` 事件仍会冒泡到应用程序的顶层，导致 Silverlight 显示其标准系统菜单。为了只显示自定义菜单，需要处理 `MouseRightButton` 事件，并将 `MouseButtonEventArgs.Handled` 属性设置为 `true`，这样可以抑制右键点击事件和系统菜单。 #### 4. 双击和三击处理 在某些方面，Silverlight 遵循 Web 用户界面的惯例。例如，Silverlight 应用程序关注鼠标点击，但很少检测双击操作。直到 Silverlight 5 才开始直接支持检测双击。 如果决定支持双击功能，最好将其用于非必要任务。例如，双击可为高级用户提供便捷的快捷方式，而经验不足的用户仍可通过点击菜单或其他控件来达到相同效果。 每次点击元素时，`Click` 事件都会触发，包括连续快速点击多次的情况。要检测双击，需检查 `MouseButtonEventArgs` 的 `ClickCount` 属性。若 `ClickCount` 为 1，则为正常点击；若为 2，则为双击操作中的第二次点击（通常指第一次点击后不到 500 毫秒内的点击，具体时间可能因操作系统设置而异）。以下是一个示例代码： ```csharp private void SomethingClicked(object sender, MouseButtonEventArgs e) { if (e.ClickCount == 1) { // 检测到一次点击 // 可能是单次点击或双击的开始 lblClickCount.Text = "Clicks: 1"; } else if (e.ClickCount == 2) { // 这是双击的第二次点击 lblClickCount.Text = "Clicks: 2"; } } ``` 三击虽然不太常见，但也是一种潜在的快捷方式。文字处理器和网页浏览器常允许用户通过三击选择大段文本。例如，双击可突出显示一个单词，而三击可突出显示整个段落。应用程序可使用相同的 `ClickCount` 属性来捕获三击事件。 捕获不同级别的点击事件（如同时捕获单击和双击，或同时捕获双击和三击）可能会引发问题。根据代码编写方式，可能会执行额外的操作。例如，用户三击时，检测到 `ClickCount` 为 2 时执行一个操作，检测到 `ClickCount` 为 3 时又执行另一个操作，尽管这两个事件都属于同一个三击操作。为避免此类问题，要确保重叠操作不会冲突。以使用三击选择文本为例，第二次点击算作双击（此时选择单词），下一次点击算作三击操作（此时选择范围扩展到段落），这种设计就很合理，因为三击操作增强了双击操作的效果。但如果双击操作执行的是完全不同的操作（如启动另一个程序、移除被点击的元素等），添加三击支持只会造成混乱。 #### 5. 鼠标移动事件处理 除了常见的鼠标点击事件（`MouseLeftButtonDown`、`MouseLeftButtonUp`、`MouseRightButtonDown` 和 `MouseRightButtonUp`），Silverlight 还提供了鼠标指针移动时触发的事件，包括 `MouseEnter`（鼠标指针移到元素上时触发）、`MouseLeave`（鼠标指针移开时触发）和 `MouseMove`（鼠标指针移动过程中每个点都会触发）。 这些事件都会为代码提供一个 `MouseEventArgs` 对象，该对象包含一个重要方法 `GetPosition()`，可用于获取鼠标相对于所选元素的坐标。以下是一个显示鼠标指针位置的示例代码： ```csharp private void MouseMoved(object sender, MouseEventArgs e) { Point pt = e.GetPosition(this); lblInfo.Text = String.Format("You are at ({0},{1}) in page coordinates", pt.X, pt.Y); } ``` 在这个例子中，坐标是从页面区域的左上角（浏览器标题栏下方）开始测量的。需要注意的是，要在布局容器中接收鼠标事件，`Background` 属性必须设置为非空值，例如纯色填充。 #### 6. 鼠标滚轮事件处理 如今，大部分计算机用户使用的鼠标都带有滚轮。可利用这一特点，在用户转动鼠标滚轮时做出相应操作。不过，要确保鼠标滚轮支持是应用程序的有用附加功能，而非核心功能，因为仍有很多用户没有鼠标滚轮（如笔记本电脑用户）或不会使用它。 `MouseWheel` 事件通过 `MouseWheelEventArgs.Delta` 属性传递鼠标滚轮自上次 `MouseWheel` 事件以来转动的基本信息。通常，鼠标滚轮的每个刻度值为 120，所以鼠标滚轮轻推一次，应用程序会接收到 `Delta` 值为 120。若鼠标滚轮远离用户转动，`Delta` 值为正；若朝向用户转动，`Delta` 值为负。 为更好地理解，以图 4 - 5 所示的界面为例，用户可通过转动鼠标滚轮对内容网格进行缩放。创建该示例需要使用 `ScrollViewer` 和 `Viewbox` 两个控件。`Viewbox` 用于实现放大功能，`ScrollViewer` 则允许用户在 `Viewbox` 太大而无法完全显示在浏览器窗口时滚动查看其整个表面。 以下是 XAML 代码： ```xml <UserControl x:Class="RoutedEvents.MouseWheelZoom" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" MouseWheel="Page_MouseWheel"> <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto"> <Viewbox x:Name="viewbox" Height="250" Width="350"> <Grid Background="White" Height="250" Width="350"> ... </Grid> </Viewbox> </ScrollViewer> </UserControl> ``` 注意，最初 `Viewbox` 的大小与内部的 `Grid` 硬编码设置为相同，这样可确保 `Viewbox` 无需进行初始缩放，应用程序启动时 `Grid` 处于其自然大小。 当用户转动鼠标滚轮时，`MouseWheel` 事件处理程序会检查 `Delta` 值，并按比例调整 `Viewbox` 的 `Width` 和 `Height` 属性，从而实现 `Viewbox` 的放大或缩小以及内部内容的重新缩放。以下是事件处理代码： ```csharp private void Page_MouseWheel(object sender, MouseWheelEventArgs e) { // Delta 值以 120 为单位，除以 120 得到缩放因子 1.09 (120/110) // 即鼠标 ```