WPF中鼠標/鍵盤/拖拽事件以及用行為封裝事件詳解
本文主要介紹瞭WPF中常用的鼠標事件、鍵盤事件以及註意事項,同時使用一個案例講解瞭拓展事件。除此之外,本文還講述如何用行為(Behavior)來封裝事件。
Windows中的事件通過消息機制來完成,也就是Windows系統來捕獲用戶輸入(如鼠標點擊、鍵盤輸入),然後Windows發送一個消息給應用程序,應用程序進行具體的處理。在Winform中,窗體中每個控件都是有獨立的句柄,也就是每個控件都可以收到Windows系統傳來的消息,但是在WPF中,窗體中的控件是沒有句柄的,所以隻能是窗體進行消息捕獲,WPF框架經過處理再傳遞給相應的控件。這是WPF和Winform在事件處理上的不同之處。
鼠標事件
常用的鼠標事件包括:
MouseEnter、MouseLeave、MouseDown、MouseUp、MouseMove、MouseLeftButtonDown、MouseLeftButtonUp、MouseRightButtonDown、MouseRightButtonUp、MouseDoubleClick
值得註意的是諸如Button一類的控件,具有Click事件,它其實是仍然是調用瞭MouseLeftButtonDown等底層事件,然後進行截斷,也就是說Button控件隻能調用Click事件而不能調用MouseLeftButtonDown事件,因為在Click事件中,調用瞭MouseLeftButtonDown事件,而且應用瞭e.Handled = true;
阻止事件向下傳下去。如果要在Click事件之前進行事件處理,則可以使用PreviewMouseLeftButtonDown
事件。
鍵盤輸入事件
用的最多的鍵盤輸入事件有:
KeyDown、KeyUp、TextInput
如果要對某個鍵進行處理則可以
private void TextBox_KeyDown(object sender, KeyEventArgs e) { if(e.Key == Key.Enter) { //e.Handled = true;//表示已經處理完成 //具體邏輯 } }
註意TextBox是不能捕獲到TextInput
事件的,隻能捕獲到KeyDown、TextChanged
等事件,但也可以捕獲到PreviewTextInput
事件,事件捕獲順序是KeyDown-PreviewTextInput-TextChanged
。
案例:做一個搜索欄,輸入文字後回車搜索
實現方式1:可以在TextBox上增加KeyDown事件,捕獲Key.Enter鍵。
實現方式2:增加一個Button按鈕,設置<Button Content="搜索" IsDefault="True"/>
拖拽事件
拖拽事件包括:Drop、DragLeave、DragOver、DragEnter事件
案例,將某個控件拖拽到另一個區域
界面XAML
<Grid> <Grid.ColumnDefinitions> <ColumnDefinition/> <ColumnDefinition/> </Grid.ColumnDefinitions> <StackPanel x:Name="panel" Background="#F7F9FA"> <Border Background="Orange" Height="30" Width="30" MouseLeftButtonDown="Border_MouseLeftButtonDown"/> </StackPanel> <!--必須設置Background,否則默認為null,null是沒有背景和Transparent不同--> <!--AllowDrop="True"必須設置--> <Canvas x:Name="canvas" Grid.Column="1" Drop="Canvas_Drop" AllowDrop="True" Background="Transparent"> </Canvas> </Grid>
實現代碼
private void Canvas_Drop(object sender, DragEventArgs e) { var data = e.Data.GetData(typeof(Border)); //canvas.Children.Add(data);//直接這樣不可以,因為同一個實例不允許在於兩個容器中 //先在之前的容器中移除,再添加 panel.Children.Remove(data as UIElement); canvas.Children.Add(data as UIElement); //獲得鼠標相對於canvas的位置 var point = e.GetPosition((Canvas)sender); Canvas.SetLeft(data as UIElement, point.X); Canvas.SetTop(data as UIElement, point.Y); } private void Border_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { Border border = sender as Border; DragDrop.DoDragDrop(border, border, DragDropEffects.Copy); }
用行為封裝事件
通過一個案例來講解
案例,實現某個控件的隨意拖動
用事件來實現
主要是通過MouseLeftButtonDown、MouseLeftButtonUp和MouseMove
三個事件來實現
XAML界面
<Canvas> <Border Background="Orange" Width="100" Height="50" Canvas.Left="100" Canvas.Top="100" MouseLeftButtonDown="Border_MouseLeftButtonDown" MouseLeftButtonUp="Border_MouseLeftButtonUp" MouseMove="Border_MouseMove" /> </Canvas>
實現代碼
private Canvas _parentCanvas = null; private bool _isDragging = false; private Point _mouseCurrentPoint; private void Border_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { //獲得承載Border的父對象 if (_parentCanvas == null) _parentCanvas = (Canvas)VisualTreeHelper.GetParent(sender as Border); this._isDragging = true; //獲得相對於border的坐標 this._mouseCurrentPoint = e.GetPosition(sender as Border); //關鍵,鎖定鼠標即不讓鼠標選中其他元素 (sender as Border).CaptureMouse(); } private void Border_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) { if (_isDragging) { //關鍵,取消鎖定鼠標 (sender as Border).ReleaseMouseCapture(); _isDragging = false; } } private void Border_MouseMove(object sender, MouseEventArgs e) { if (_isDragging) { //獲得相對於Canvas的坐標 Point point = e.GetPosition(_parentCanvas); (sender as Border).SetValue(Canvas.TopProperty, point.Y - _mouseCurrentPoint.Y); (sender as Border).SetValue(Canvas.LeftProperty, point.X - _mouseCurrentPoint.X); } }
關鍵點:
在進行移動的時候,一定要鎖定鼠標,也就是不讓鼠標可以選中其他元素,如果不鎖定會出現以下情況:
情況1:如果鼠標移動過快,會出現圖形不能跟隨的情況
情況2:如果有多個元素,會出現選中其他元素的情況
下圖演示中,鼠標箭頭未松開
鎖定鼠標有兩種方式
(sender as Border).CaptureMouse()//鎖定 (sender as Border).ReleaseMouseCapture();//解鎖 System.Windows.Input.Mouse.Capture(sender as Border);//鎖定 System.Windows.Input.Mouse.Capture(null);//解鎖
用行為來封裝
上文中主要是通過MouseLeftButtonDown、MouseLeftButtonUp和MouseMove
三個事件來實現,在XAML中需要對這三個事件進行綁定。行為則可以將這三個事件封裝在一起。
- 使用行為需要nuget安裝
Microsoft.Xaml.Behaviors.Wpf
,FrameWork版本安裝System.Windows.Interactivity.WPF
- 新建一個類,繼承自
Behavior<T>
,類中重寫OnAttached()和OnDetaching()方法。
OnAttached()表示當掛載到對應的對象上的時候觸發
OnDetaching()在對象銷毀時觸發
public class DragMoveBehavior : Behavior<Border> { // 當掛載到對應的對象上的時候觸發 protected override void OnAttached() { base.OnAttached(); //方法與上面相同 //this.AssociatedObject表示關聯的對象 this.AssociatedObject.MouseLeftButtonDown += AssociatedObject_MouseLeftButtonDown; this.AssociatedObject.MouseLeftButtonUp += AssociatedObject_MouseLeftButtonUp; this.AssociatedObject.MouseMove += AssociatedObject_MouseMove; } private Canvas _parentCanvas = null; private bool _isDragging = false; private Point _mouseCurrentPoint; private void AssociatedObject_MouseMove(object sender, System.Windows.Input.MouseEventArgs e) { if (_isDragging) { // 相對於Canvas的坐標 Point point = e.GetPosition(_parentCanvas); // 設置最新坐標 this.AssociatedObject.SetValue(Canvas.TopProperty, point.Y - _mouseCurrentPoint.Y); this.AssociatedObject.SetValue(Canvas.LeftProperty, point.X - _mouseCurrentPoint.X); } } private void AssociatedObject_MouseLeftButtonUp(object sender, System.Windows.Input.MouseButtonEventArgs e) { if (_isDragging) { // 釋放鼠標鎖定 //this.AssociatedObject.ReleaseMouseCapture(); System.Windows.Input.Mouse.Capture(null); _isDragging = false; } } private void AssociatedObject_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e) { this._isDragging = true; // Canvas if (_parentCanvas == null) _parentCanvas = (Canvas)VisualTreeHelper.GetParent(sender as Border); // 當前鼠標坐標 this._mouseCurrentPoint = e.GetPosition(sender as Border); // 鼠標鎖定 //this.AssociatedObject.CaptureMouse(); System.Windows.Input.Mouse.Capture(this.AssociatedObject); } // 對象銷毀 protected override void OnDetaching() { this.AssociatedObject.MouseLeftButtonDown -= AssociatedObject_MouseLeftButtonDown; this.AssociatedObject.MouseLeftButtonUp -= AssociatedObject_MouseLeftButtonUp; this.AssociatedObject.MouseMove -= AssociatedObject_MouseMove; } }
XAML中代碼
<Canvas> <Border Background="Orange" Width="100" Height="50" Canvas.Left="100" Canvas.Top="100"> <i:Interaction.Behaviors> <local:DragMoveBehavior/> </i:Interaction.Behaviors> </Border> </Canvas>
以上就是WPF中鼠標/鍵盤/拖拽事件以及用行為封裝事件詳解的詳細內容,更多關於WPF事件的資料請關註WalkonNet其它相關文章!