WPF中鼠标/键盘/拖拽事件以及用行为封装事件详解

接下来我会详细讲解一下 WPF 中鼠标/键盘/拖拽事件以及用行为封装事件。

一、鼠标/键盘事件

1.1 鼠标事件

WPF 中的鼠标事件有 MouseDown、MouseUp、MouseMove、MouseEnter、MouseLeave 等。这些事件的具体含义和触发条件如下：

• MouseDown：鼠标按下事件，需要满足鼠标按下且释放发生在同一个元素上。
• MouseUp：鼠标释放事件，需要满足鼠标按下且释放发生在同一个元素上。
• MouseMove：鼠标移动事件，需要满足鼠标在元素内移动。
• MouseEnter：鼠标进入元素事件，需要满足鼠标从元素外移入元素内。
• MouseLeave：鼠标离开元素事件，需要满足鼠标从元素内移出元素外。

这些事件可以通过在 XAML 中设置事件处理程序来处理。示例代码如下：

<Button x:Name="button" Content="Click Me" MouseDown="Button_MouseDown" MouseEnter="Button_MouseEnter"/>

对应的代码文件中的事件处理程序实现如下：

private void Button_MouseDown(object sender, MouseButtonEventArgs e)
{
    // 鼠标按下事件处理
}

private void Button_MouseEnter(object sender, MouseEventArgs e)
{
    // 鼠标进入事件处理
}

1.2 键盘事件

WPF 中的键盘事件有 PreviewKeyDown、KeyDown、PreviewKeyUp、KeyUp 等。这些事件的具体含义和触发条件如下：

• PreviewKeyDown：键盘按下事件，需要满足元素获取输入焦点，并且未被其它元素捕获该事件。
• KeyDown：键盘按下事件，需要满足元素获取输入焦点。
• PreviewKeyUp：键盘释放事件，需要满足元素获取输入焦点，并且未被其它元素捕获该事件。
• KeyUp：键盘释放事件，需要满足元素获取输入焦点。

这些事件可以通过在 XAML 中设置事件处理程序来处理。示例代码如下：

<TextBox x:Name="textBox" PreviewKeyDown="TextBox_PreviewKeyDown" KeyUp="TextBox_KeyUp"/>

对应的代码文件中的事件处理程序实现如下：

private void TextBox_PreviewKeyDown(object sender, KeyEventArgs e)
{
    // 键盘按下事件处理
}

private void TextBox_KeyUp(object sender, KeyEventArgs e)
{
    // 键盘释放事件处理
}

二、拖拽事件

拖拽事件是 WPF 中一个比较复杂的事件，涉及到多个事件的配合和事件参数的处理。WPF 中拖拽事件主要由 PreviewMouseLeftButtonDown、PreviewMouseMove、PreviewMouseLeftButtonUp、DragEnter、DragOver、DragLeave、Drop 事件组成，这些事件的具体含义和触发条件如下：

• PreviewMouseLeftButtonDown：鼠标左键按下，预览事件。
• PreviewMouseMove：鼠标移动，预览事件。
• PreviewMouseLeftButtonUp：鼠标左键释放，预览事件。
• DragEnter：鼠标拖拽进入元素，需要满足拖拽数据的类型和元素数据的类型相符。
• DragOver：鼠标在元素上拖拽，需要满足拖拽数据的类型和元素数据的类型相符。
• DragLeave：拖拽离开元素。
• Drop：鼠标在元素上释放拖拽数据时触发事件，需要满足拖拽数据的类型和元素数据的类型相符。

拖拽事件的处理比较复杂，需要注意拖拽时鼠标光标的变化以及数据类型的处理。示例代码如下：

<StackPanel x:Name="stackPanel" Orientation="Vertical"
            DragEnter="StackPanel_DragEnter" DragOver="StackPanel_DragOver" DragLeave="StackPanel_DragLeave"
            Drop="StackPanel_Drop">
</StackPanel>

对应的代码文件中的事件处理程序实现如下：

private void StackPanel_DragEnter(object sender, DragEventArgs e)
{
    // 拖拽进入元素事件处理
}

private void StackPanel_DragOver(object sender, DragEventArgs e)
{
    // 拖拽在元素上事件处理
}

private void StackPanel_DragLeave(object sender, DragEventArgs e)
{
    // 拖拽离开元素事件处理
}

private void StackPanel_Drop(object sender, DragEventArgs e)
{
    // 拖拽数据释放事件处理
}

三、用行为封装事件

在 WPF 中，行为（Behavior）是一种可重用的逻辑单元，用于将事件附加到控件。行为的实现可以将事件处理程序从控件中抽象出来，并使其可重用。示例代码如下：

<TextBox x:Name="textBox" Text="Drag Me">
    <i:Interaction.Behaviors>
        <behaviors:DragBehavior TargetObject="{Binding ElementName=textBox}" />
    </i:Interaction.Behaviors>
</TextBox>

这里通过附加行为的方式实现了 TextBox 控件的拖拽功能。对应的行为类实现如下：

public class DragBehavior : Behavior<FrameworkElement>
{
    protected override void OnAttached()
    {
        AssociatedObject.PreviewMouseLeftButtonDown += AssociatedObject_PreviewMouseLeftButtonDown;
    }

    protected override void OnDetaching()
    {
        AssociatedObject.PreviewMouseLeftButtonDown -= AssociatedObject_PreviewMouseLeftButtonDown;
    }

    private Point _dragStartPosition;

    private void AssociatedObject_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        _dragStartPosition = e.GetPosition(null);

        AssociatedObject.PreviewMouseMove += AssociatedObject_PreviewMouseMove;
        AssociatedObject.PreviewMouseLeftButtonUp += AssociatedObject_PreviewMouseLeftButtonUp;
    }

    private void AssociatedObject_PreviewMouseMove(object sender, MouseEventArgs e)
    {
        if (e.LeftButton == MouseButtonState.Pressed)
        {
            Point currentPosition = e.GetPosition(null);
            Vector delta = _dragStartPosition - currentPosition;

            if (Math.Abs(delta.X) > SystemParameters.MinimumHorizontalDragDistance
                || Math.Abs(delta.Y) > SystemParameters.MinimumVerticalDragDistance)
            {
                DragDrop.DoDragDrop(AssociatedObject, AssociatedObject.DataContext, DragDropEffects.Copy);
                AssociatedObject.InvalidateVisual();
                AssociatedObject.ReleaseMouseCapture();
            }
        }
    }

    private void AssociatedObject_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        AssociatedObject.PreviewMouseMove -= AssociatedObject_PreviewMouseMove;
        AssociatedObject.PreviewMouseLeftButtonUp -= AssociatedObject_PreviewMouseLeftButtonUp;
    }
}

这里通过 Behavior 的方式封装了 TextBox 控件的拖拽事件，使得事件处理程序与控件的实现解耦，可以在多个控件之间共享事件逻辑单元。