WPF之路-键盘与鼠标事件 - 简书

原文:WPF之路-键盘与鼠标事件 - 简书

键盘事件

事件类型分为以下几个类型

生命周期事件：在元素加载与卸载的时候发生
鼠标事件：鼠标动作
键盘事件：键盘动作
手写笔事件：适用于win7以上的系统
多点触控事件：一个手指或多个手指的触控动作

键盘事件

键盘事件的执行顺序：

PrevieKeyDown

KeyDown

PreviewTextInput

TextInput

PreviewKeyUp

KeyUp

下面以实例代码证实：

在TextBox中分别添加PreviewKeyDown/KeyDown/PreviewTextInput/PreviewKeyUp/KeyUp/TextChanged事件

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <!--将容器分为三行-->
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>

        <!--添加一个停靠容器-->
        <DockPanel Margin="5">

            <TextBlock  >请输入文本：</TextBlock>

            <!--Focusable="True" TabIndex="0" 表示是否开启焦点，和设置tab切换焦点的顺序 -->

            <TextBox Name="txt_input"
                     PreviewKeyDown="txt_input_KeyEnvent"
                     KeyDown="txt_input_KeyEnvent"
                     PreviewTextInput="txt_input_TextInput"
                     PreviewKeyUp="txt_input_KeyEnvent"
                     KeyUp="txt_input_KeyEnvent"
                     TextChanged="txt_input_TextChanged"  >
            </TextBox>

        </DockPanel>

        <!--内容展示与内容清除-->
        <ListBox Name="list_box" Margin="5" Grid.Row="1"></ListBox>
        <Button Name="btn_clear" Content="清空内容" Grid.Row="2" Margin="5" Padding="3" HorizontalAlignment="Right" VerticalAlignment="Bottom" Width="Auto" Click="btn_clear_Click"/>
    </Grid>
</Window>

事件对应自带程序代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApp1
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        //清空ListBox的内容
        private void btn_clear_Click(object sender, RoutedEventArgs e)
        {
            this.list_box.Items.Clear();
        }

        //文本框按下事件
        private void txt_input_KeyEnvent(object sender, KeyEventArgs e)
        {
            string message = "事件："+e.RoutedEvent+"-键："+e.Key;
            this.list_box.Items.Add(message);

        }

        // 文本输入事件
        private void txt_input_TextInput(object sender, TextCompositionEventArgs e)
        {
            string message = "事件：" + e.RoutedEvent + "-值：" + e.Text;
            this.list_box.Items.Add(message);
        }

        private void txt_input_TextChanged(object sender, TextChangedEventArgs e)
        {
            string message = "事件：" + e.RoutedEvent ;
            this.list_box.Items.Add(message);
        }
    }
}

运行程序，查看结果：

在文本框中输入"s"，从ListBox中的输出可以看出，先执行的是“按下事件”，然后是“文本输入事件”，然后是“键的释放事件”，对应的隧道事件总先于对应的冒泡事件

以上示例有助于理解隧道事件与冒泡事件、还有键盘事件

鼠标事件

鼠标单击

捕获鼠标

鼠标拖放

鼠标事件有：

MouseEnter事件
MouseLeave事件，这两个事件都是直接事件
PreviewMouseMove事件
MouseMove事件，这两个会提供MouseEventArgs属性

鼠标移动事件MouseMove

在界面定义一个矩形，在该矩形上绑定鼠标移动事件，将鼠标的坐标点里时时的显示在一个TextBox中，这样，便能清晰的看出鼠标移动事件的作用

<Window x:Class="WpfApp1.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Height="450" Width="800">
    <Grid Margin="5">
        <!--定义三行-->
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>

        <!--定义一个浅蓝色的矩形，并绑定鼠标移动事件-->
        <Rectangle Name="rect" Fill="LightBlue" MouseMove="Event_MouseMove"></Rectangle>
        <Button Grid.Row="1" Name="cmdCallpture">捕获鼠标</Button>
        <TextBlock Name="lblInfo" Grid.Row="2"></TextBlock>
    </Grid>
</Window>

鼠标移动事件处理程序代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;

namespace WpfApp1
{
    /// <summary>
    /// Window1.xaml 的交互逻辑
    /// </summary>
    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
        }

        //鼠标移动事件处理程序
        private void Event_MouseMove(object sender, MouseEventArgs e)
        {
            //GetPosition返回相对指定元素的鼠标位置
            Point pt = e.GetPosition(this);
            //移动鼠标的时候，将鼠标的坐标显示出来
            this.lblInfo.Text = ("You are at ("+pt.X+","+pt.Y+") in window coordinates");
        }
    }
}

运行效果：

鼠标的单击事件

PreviewMouseLeftButtonDown

PreviewMouseRightButtonDown

MouseLeftButtonDown

MouseRightButtonDown

PreviewMouseLeftButtonUp

PreviewMouseRightButtonUp

MouseLeftButtonUp

MouseRightButtonUp

捕获鼠标

当鼠标被捕获以后，鼠标便不能再点击容器的其它元素

<Window x:Class="WpfApp1.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Height="450" Width="800">
    <Grid Margin="5">
        <!--定义三行-->
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>

        <!--定义一个浅蓝色的矩形，并绑定鼠标移动事件-->
        <Rectangle Name="rect" Fill="LightBlue" MouseMove="Event_MouseMove"></Rectangle>
        <!--为按钮绑定单击事件，用来捕获鼠标-->
        <Button Grid.Row="1" Name="cmdCapture" Click="Event_Click">捕获鼠标</Button>
        <TextBlock Name="lblInfo" Grid.Row="2"></TextBlock>
    </Grid>
</Window>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;

namespace WpfApp1
{
    /// <summary>
    /// Window1.xaml 的交互逻辑
    /// </summary>
    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
        }

        private void Event_MouseMove(object sender, MouseEventArgs e)
        {
            //GetPosition返回相对指定元素的鼠标位置
            Point pt = e.GetPosition(this);
            //移动鼠标的时候，将鼠标的坐标显示出来
            this.lblInfo.Text = ("You are at ("+pt.X+","+pt.Y+") in window coordinates");
        }

        //单击事件处理程序
        private void Event_Click(object sender, RoutedEventArgs e)
        {
            //Mouse.Capture()将鼠标输入捕获到指定元素
            //当鼠标被捕获以后，鼠标便无法再点击窗口上其他元素
            Mouse.Capture(this.rect);
            this.cmdCapture.Content = "鼠标已经被捕获";
        }
    }
}

如图，当鼠标被捕获以后，点击窗口的最大化最小化都无法工作了

鼠标拖动

鼠标的拖动指将鼠标从一个元素上按下鼠标左键，然后拖动到另一个元素上，释放鼠标左键，从而将相应的内容移动到第二个元素上去

TextBox控件默认支持鼠标拖动，请看示例：

<Window x:Class="WPF_CODE.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <TextBox Name="txt_1" Grid.Column="0" Width="Auto" HorizontalAlignment="Center" VerticalAlignment="Center">TextBox Hello</TextBox>
        <!--AllowDrop属性允许自身成为拖动源的目标-->
        <Label Name="lab_fir" AllowDrop="True" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" MouseDown="lab_fir_MouseDown">Lable First</Label>
        <Label Name="lab_sec" AllowDrop="True" Grid.Column="2" HorizontalAlignment="Center" VerticalAlignment="Center" Drop="lab_sec_Drop">Lable Second</Label>

    </Grid>
</Window>

后端代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Markup;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WPF_CODE
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        //第一个lable，当鼠标按下时，启动拖动效果
        private void lab_fir_MouseDown(object sender, MouseButtonEventArgs e)
        {
            //获取事件激发者，即第一个lable
            Label lb = (Label)sender;

            //DragDrop.DoDragDrop指启动拖放操作
            //参数分别是启动拖动的对象，要操作的类型，拖动类型
            DragDrop.DoDragDrop(lb, lb.Content, DragDropEffects.Move);
        }

        //第二个lable，当拖拽事件在它身上发生时
        private void lab_sec_Drop(object sender, DragEventArgs e)
        {
            //从DragEventArgs里获取到拖拽的内容进行加载
            ((Label)sender).Content = e.Data.GetData(DataFormats.Text);
        }
    }
}

效果是：

文本框的内容可以拖拽到第一个和第二个lable上

第一个lable的内容可以拖拽到文本框和第二个lable上

第二个lable可以拖拽到文本框上

原文地址：https://www.cnblogs.com/lonelyxmas/p/10682588.html

时间： 2024-10-29 19:08:49

WPF之路-键盘与鼠标事件 - 简书的相关文章

winform中键盘和鼠标事件的捕捉和重写（转）

在编写winform应用程序时,有时需要无论在哪个控件获取焦点时,对某一个键盘输入或者鼠标事件都进行同样的操作.比如编写一个处理图片的应用程序时, 希望无论当前哪个控件获得焦点,当用户按上.下.左.右键时,图片控件的滚动条都会上下左右移动,当用户拨动鼠标滚轮时图片总能发大或缩小.如果对每个控件的键盘或鼠标事件都进行设置,必然会造成很多的重复工作.本文我将介绍如何在winform下对某一个键盘输入或者鼠标事件进行相同的操作. 1.键盘事件的捕捉和重写首先是键盘操作,为了实现上述功能,现在介绍

winform中键盘和鼠标事件的捕捉和重写

在编写winform应用程序时,有时需要无论在哪个控件获取焦点时,对某一个键盘输入或者鼠标事件都进行同样的操作.比如编写一个处理图片的应用程序时,希望无论当前哪个控件获得焦点,当用户按上.下.左.右键时,图片控件的滚动条都会上下左右移动,当用户拨动鼠标滚轮时图片总能发大或缩小.如果对每个控件的键盘或鼠标事件都进行设置,必然会造成很多的重复工作.本文我将介绍如何在winform下对某一个键盘输入或者鼠标事件进行相同的操作. 1.键盘事件的捕捉和重写首先是键盘操作,为了实现上述功能,现在介绍win

WPF使用IDataErrorInfo接口进行数据校验 - 简书

原文:WPF使用IDataErrorInfo接口进行数据校验 - 简书 class ValidationBindableBase : BindableBase, IDataErrorInfo { public string this[string columnName] { get { if (_errorMap.ContainsKey(columnName)) { var error = _errorMap[columnName]; _errorMap.Remove(columnName);

Selenium2+python自动化12-操作元素（键盘和鼠标事件）

前言在前面的几篇中重点介绍了一些元素的到位方法,到位到元素后,接下来就是需要操作元素了.本篇总结了web页面常用的一些操作元素方法,可以统称为行为事件有些web界面的选项菜单需要鼠标悬停在某个元素上才能显示出来(如百度页面的设置按钮). 一.简单操作 1.点击(鼠标左键)页面按钮:click() 2.请空输入框:clear() 3.输入字符串:send_keys() 4.打开测试部落论坛后,点击放大镜搜索图标,一般为了保证输入的正确性,可以先清空下输入框,然后输入搜索关键字二.submit

WPF 中模拟键盘和鼠标操作

转载:http://www.cnblogs.com/sixty/archive/2009/08/09/1542210.html 更多经典文章:http://www.qqpjzb.cn/65015.html 其实SendKeys类提供的方法蛮好用的,可惜的是WPF中不能用了,说是WPF的消息循环方式改成了Dispatcher,所以直接调用System.Windows.Forms.SendKeys.Send()方法会报错. 不过没关系, 至少有use32的SendInput可用,通过P/Invoke

Selenium2+python自动化12-操作元素（键盘和鼠标事件）【转载】

Selenium 元素常用操作方法（键盘和鼠标事件）

一.简单操作 click():点击 send_keys():输入 clear():清空 submit():提交表单 size:返回元素的尺寸 text:获取元素的文本 get_attribute():获取元素的属性值 title:获取当前页面标题 current_url:获取当前页面URL is_displayed():返回元素是否可见输入.清空.点击操作代码: # coding = utf-8 from time import sleep from selenium import webd

3、操作元素：模拟键盘、鼠标事件

一.简单操作 1.点击(鼠标左键)页面按钮:click() 2.清空输入框:clear() 3.输入字符串:send_keys() 4.send_keys()如果是収送中文的,前面需加 u,如:u"中文",因为这里是输入windows 系统,windows 系统是 GBK 编码,我们的脚本是 utf-8,需要转码为 Unicode 国际编码,返样才能识别到 5.submit()模拟提交操作二.模拟鼠标操作在 WebDriver 中, 将这些关于鼠标操作的方法封装在 ActionC

基于OpenGL编写一个简易的2D渲染框架-07 鼠标事件和键盘事件

这次为程序添加鼠标事件和键盘事件当检测到鼠标事件和键盘事件的信息时,捕获其信息并将信息传送到需要信息的对象处理.为此,需要一个可以分派信息的对象,这个对象能够正确的把信息交到正确的对象. 实现思路: 要实现以上的功能,需要几个对象: 事件分派器:EventDispatcher,负责将 BaseEvent 分派给 EventListener 对象事件监听器:EventListener,这只是一个接口类,接受 BaseEvent 的对象,真正的处理在它的子类中实现事件:BaseEvent,储存