PreviewMouseLeftButtonDown与MouseLeftButtonDown的撕烤

标签：控件 MouseLeftButtonDown 处理绑定事件 PreviewMouseLeftButtonDown

在WPF（Windows Presentation Foundation）中，PreviewMouseLeftButtonDown 和 MouseLeftButtonDown 是两个常用的鼠标事件，它们在事件路由策略和处理时机上有所不同。了解这两个事件的区别以及如何在实际应用中使用它们，可以帮助开发者更好地处理用户交互。

事件的基本区别

PreviewMouseLeftButtonDown

事件类型：隧道事件（Tunneling Event）
触发顺序：从应用程序的根元素开始，依次向下传递到目标元素。
使用场景：
- 在事件到达目标元素之前，需要对事件进行处理或拦截。
- 例如，处理全局的鼠标事件，或者在事件到达具体元素前做一些预处理。
- 常用于需要覆盖或阻止默认行为的情况。

MouseLeftButtonDown

事件类型：冒泡事件（Bubbling Event）
触发顺序：从事件的目标元素开始，依次向上传递到根元素。
使用场景：
- 在目标元素已经接收到事件后，需要对事件进行处理。
- 例如，处理具体控件的点击行为。
- 常用于一般性的事件处理，不需要干预事件的传递过程。

什么时候使用 PreviewMouseLeftButtonDown 和 MouseLeftButtonDown

PreviewMouseLeftButtonDown：
- 当需要在事件到达具体控件前进行预处理或拦截时使用。
- 例如，在一个复杂的控件树中，可能需要在某个父控件中统一处理鼠标点击事件，而不希望事件继续向下传递到子控件。
```
myControl.PreviewMouseLeftButtonDown += (sender, e) => 
{
    // 预处理逻辑
    e.Handled = true;  // 如果不希望事件继续传递，可以设置e.Handled = true
};
```
MouseLeftButtonDown：
- 当需要在事件已经到达目标控件后进行处理时使用。
- 例如，处理按钮的点击事件，或某个控件的具体交互行为。
```
myControl.MouseLeftButtonDown += (sender, e) => 
{
    // 处理点击事件的逻辑
};
```

为什么 PreviewMouseLeftButtonDown 能触发而 MouseLeftButtonDown 得不到触发

事件路由策略：
- PreviewMouseLeftButtonDown 是隧道事件，从根元素向下传递到目标元素。
- MouseLeftButtonDown 是冒泡事件，从目标元素向上传递到根元素。
- 如果某个控件在处理隧道事件时将事件标记为已处理（e.Handled = true），冒泡事件可能不会被触发。
控件的默认行为：
- 某些控件（例如 Button, ToggleButton）有默认的鼠标事件处理行为，它们可能会在处理 PreviewMouseLeftButtonDown 时将事件标记为已处理，从而阻止 MouseLeftButtonDown 事件的触发。
- 例如，ToggleButton 可能在内部处理了 PreviewMouseLeftButtonDown 事件，并将 e.Handled 设置为 true，因此 MouseLeftButtonDown 事件不会被触发。

示例分析

以下是一个 WPF XAML 示例，它展示了如何使用 PreviewMouseLeftButtonDown 事件来处理 ToggleButton 的点击行为：

<ItemsControl Margin="12" FontSize="12" FontWeight="Normal" ItemsSource="{Binding JogControlGroups, IsAsync=True}">
    <i:Interaction.Behaviors>
        <vm:JogControlGroupsLoadBehavior x:Name="jogControlLoader" Data="{Binding JogControlGroups, Mode=OneWayToSource}" />
    </i:Interaction.Behaviors>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <hc:UniformSpacingPanel Orientation="Vertical" Spacing="5" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <ItemsControl ItemsSource="{Binding JogControls}">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <UniformGrid Columns="{Binding DataContext.JogControls.Count, RelativeSource={RelativeSource AncestorType=ItemsControl}}" />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <ToggleButton
                            Margin="2,0"
                            Content="{Binding DisplayName}"
                            IsChecked="{Binding Status}"
                            Style="{StaticResource PhysicalButtonStyle}">
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="PreviewMouseLeftButtonDown">
                                    <i:InvokeCommandAction Command="{Binding DataContext.JogDownCommand, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}" CommandParameter="{Binding}" />
                                </i:EventTrigger>
                                <i:EventTrigger EventName="PreviewMouseLeftButtonUp">
                                    <i:InvokeCommandAction Command="{Binding DataContext.JogUpCommand, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}" CommandParameter="{Binding}" />
                                </i:EventTrigger>
                                <i:EventTrigger EventName="MouseLeave">
                                    <i:InvokeCommandAction Command="{Binding DataContext.JogLeaveCommand, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}" CommandParameter="{Binding}" />
                                </i:Interaction.Triggers>
                        </ToggleButton>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

CommandParameter 绑定目标为什么可以省略

在 WPF 中，CommandParameter 绑定目标可以省略的原因与数据上下文和默认绑定路径有关。

数据上下文（DataContext）：
- CommandParameter 默认绑定到其所在控件的 DataContext，而不需要显式指定绑定路径。
- 在上述示例中，ToggleButton 的 DataContext 是绑定项（JogControl），因此 CommandParameter="{Binding}" 就是绑定到当前项本身。
简化绑定表达式：
- WPF 允许简化绑定表达式，如果 Binding 的路径为当前数据上下文，可以省略路径部分。
- CommandParameter="{Binding}" 等同于 CommandParameter="{Binding .}"，绑定到当前数据上下文。

进一步思考与发散

高级事件处理

WPF 的事件系统非常强大，除了 PreviewMouseLeftButtonDown 和 MouseLeftButtonDown 外，还有其他许多事件可以用来处理复杂的用户交互。例如：

PreviewKeyDown 和 KeyDown：用于处理键盘输入事件。
PreviewTextInput 和 TextInput：用于处理文本输入事件，特别是在处理复杂输入法时非常有用。
PreviewMouseWheel 和 MouseWheel：用于处理鼠标滚轮事件，常用于实现滚动或缩放功能。

自定义控件行为

在某些情况下，默认控件行为可能不满足需求，此时可以通过重写控件的事件处理方法来自定义行为。例如，重写 Button 的 OnMouseLeftButtonDown 方法以实现自定义的点击效果：

public class CustomButton : Button
{
    protected override void OnPreviewMouseLeftButtonDown(MouseButtonEventArgs e)
    {
        base.OnPreviewMouseLeftButtonDown(e);
        // 自定义逻辑
    }

    protected override void onm ouseLeftButtonDown(MouseButtonEventArgs e)
    {
        base.OnMouseLeftButtonDown(e);
        // 自定义逻辑
    }
}

事件触发与性能

在处理大量事件时，需要注意性能问题。频繁触发和处理事件可能会导致应用程序响应变慢。为了优化性能，可以考虑以下策略：

避免不必要的事件处理：仅在需要时处理事件，尽量减少事件处理的复杂度。
使用事件聚合器：在复杂应用中，使用事件聚合器（如 Prism 的 EventAggregator）来管理和优化事件的传递。
异步处理：对于耗时操作，可以使用异步处理来避免阻塞 UI 线程。

通过理解 PreviewMouseLeftButtonDown 和 MouseLeftButtonDown 事件的区别，以及如何在实际应用中使用它们，可以更有效地处理用户交互。在某些情况下，控件的默认行为可能会影响事件的触发，这时选择适当的事件类型和处理方式尤为重要。同时，利用 WPF 的数据绑定机制，可以简化绑定表达式，提高代码的可读性和维护性。进一步思考和发散，可以帮助开发者在处理复杂交互和性能优化时做出更好的设计决策。

标签：控件,MouseLeftButtonDown,处理,绑定,事件,PreviewMouseLeftButtonDown
From： https://www.cnblogs.com/linxmouse/p/18217362