脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → C#教程 → C# 窗口拖动

C# wpf 实现窗口任意区域点击拖动

 更新时间：2024年03月27日 11:15:59   作者：CodeOfCC  
在wpf要实现此功能简单形式还是比较容易的,但是有一些细节需要专门处理,比如与按钮的点击事件冲突问题,解决事件冲突问题后拖动的灵敏度,可复用性等,这篇文章主要介绍了C# wpf 实现窗口任意区域点击拖动,需要的朋友可以参考下

前言

点击窗口任意区域可移动功能，在一些业务场景中会使用到，比如工具条或者球形状的窗口等。在wpf要实现此功能简单形式还是比较容易的，但是有一些细节需要专门处理，比如与按钮的点击事件冲突问题，解决事件冲突问题后拖动的灵敏度，可复用性等。

一、简单拖动

基础的拖动功能直接使用Window类的DragMove即可实现：
在Window的PreviewMouseLeftButtonDown中调用DragMove即可。
示例如下：

<Window PreviewMouseLeftButtonDown="Window_PreviewMouseLeftButtonDown" />
void Window_PreviewMouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
    DragMove();
}

注：本文实现的是窗口任意区域拖动（比如按钮占满整个窗口），不适用于一般窗口拖动，一般窗口拖动请使用MouseLeftButtonDown事件

二、事件冲突问题

根据上述方法实现窗口拖动后发现出现了事件冲突，即窗口内的控件无法相应鼠标点击事件了。因为DragMove的内部实现使用了SC_MOVE，使标题栏（win32窗口）捕获鼠标，原本窗口失去鼠标捕获。窗口内的控件无法响应鼠标消息，因此上述简单拖动在有控件的窗口中是不可行的（局部拖动是可行的，但本文讲的是任意区域拖动）。

三、解决方法

解决方法是不在鼠标按下事件中触发拖动，而是在鼠标移动后触发拖动操作。具体步骤如下：
1、注册3个事件如下：

<Window PreviewMouseLeftButtonDown="Window_PreviewMouseLeftButtonDown"
        PreviewMouseMove="Window_PreviewMouseMove"
        PreviewMouseLeftButtonUp="Window_PreviewMouseLeftButtonUp"/>

2、定义2个变量记录信息。

Point _pressedPosition ;
bool _isDragMoved = false;

3.记录鼠标按下位置

void Window_PreviewMouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
    _pressedPosition = e.GetPosition(this);
}

4.鼠标移动触发拖动

 void Window_PreviewMouseMove(object sender, System.Windows.Input.MouseEventArgs e)
 {
     if (Mouse.LeftButton==MouseButtonState.Pressed && _pressedPosition != e.GetPosition(this))
     {
         _isDragMoved = true;
         DragMove();
     }
 }

5.鼠标弹起屏蔽消息

 void Window_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
 {
     if (_isDragMoved)
     {
         _isDragMoved = false;
         e.Handled = true;
     }
 }

四、效果预览

五、使用示例

由于评论区反馈上述方法存在bug，但是无奈笔者始终没有重现，怀疑是使用方法不正确，或者对本博文讲述功能理解上的差异导致的，在此根据上述方法初版原封不动的编写如下使用示例，以说明使用场景以及使用方法。

1、白板的工具条

（1）、MainWindow.xaml

<Window x:Class="WpfApp3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp3"
        mc:Ignorable="d"
        Background="Transparent"
        AllowsTransparency="True"
        WindowStyle="None"
        Title="MainWindow" Height="60" Width="410" 
        PreviewMouseLeftButtonDown="Window_PreviewMouseLeftButtonDown"
        PreviewMouseMove="Window_PreviewMouseMove"
        PreviewMouseLeftButtonUp="Window_PreviewMouseLeftButtonUp">
    <Border Background="White"  CornerRadius="25" Margin="5">
        <Border.Effect>
            <DropShadowEffect ShadowDepth="0" BlurRadius="5" Opacity="0.8" Color="#AAAAAA"/>
        </Border.Effect>
        <StackPanel Margin="20,0,0,0" Orientation="Horizontal">
            <RadioButton     Content="画笔"  Width="50" Height="50" Cursor="Hand">
                <RadioButton.Template>
                    <ControlTemplate TargetType="RadioButton"  >
                        <Border Background="Transparent">
                            <TextBlock x:Name="txt"  Background="Transparent"  TextAlignment="Center" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#666666" FontSize="18"
                         Text="{TemplateBinding Content}"></TextBlock>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="true">
                                <Setter TargetName="txt" Property="Foreground" Value="red"></Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </RadioButton.Template>
            </RadioButton>
            <RadioButton     Content="矩形"  Width="50" Height="50" Cursor="Hand">
                <RadioButton.Template>
                    <ControlTemplate TargetType="RadioButton"  >
                        <Border Background="Transparent">
                            <TextBlock x:Name="txt"  Background="Transparent"  TextAlignment="Center" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#666666" FontSize="18"
                         Text="{TemplateBinding Content}"></TextBlock>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="true">
                                <Setter TargetName="txt" Property="Foreground" Value="red"></Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </RadioButton.Template>
            </RadioButton>
            <RadioButton     Content="文本"  Width="50" Height="50" Cursor="Hand">
                <RadioButton.Template>
                    <ControlTemplate TargetType="RadioButton"  >
                        <Border Background="Transparent">
                            <TextBlock x:Name="txt"  Background="Transparent"  TextAlignment="Center" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#666666" FontSize="18"
                         Text="{TemplateBinding Content}"></TextBlock>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="true">
                                <Setter TargetName="txt" Property="Foreground" Value="red"></Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </RadioButton.Template>
            </RadioButton>
            <RadioButton     Content="箭头"  Width="50" Height="50" Cursor="Hand">
                <RadioButton.Template>
                    <ControlTemplate TargetType="RadioButton"  >
                        <Border Background="Transparent">
                            <TextBlock x:Name="txt"  Background="Transparent"  TextAlignment="Center" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#666666" FontSize="18"
                         Text="{TemplateBinding Content}"></TextBlock>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="true">
                                <Setter TargetName="txt" Property="Foreground" Value="red"></Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </RadioButton.Template>
            </RadioButton>
            <RadioButton     Content="图片"  Width="50" Height="50" Cursor="Hand">
                <RadioButton.Template>
                    <ControlTemplate TargetType="RadioButton"  >
                        <Border Background="Transparent">
                            <TextBlock x:Name="txt"  Background="Transparent"  TextAlignment="Center" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#666666" FontSize="18"
                         Text="{TemplateBinding Content}"></TextBlock>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="true">
                                <Setter TargetName="txt" Property="Foreground" Value="red"></Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </RadioButton.Template>
            </RadioButton>
            <Border Margin="10,0,0,0" BorderThickness="1,0,0,0" BorderBrush="#999999"></Border>
            <Button  Name="btn_upload" Margin="0,0,0,0"   Content="上传"  Width="50" Height="50" Cursor="Hand" Click="btn_upload_Click">
                <Button.Template>
                    <ControlTemplate TargetType="Button"  >
                        <Border Background="Transparent">
                            <TextBlock Background="Transparent"  TextAlignment="Center" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#666666" FontSize="18"
                         Text="{TemplateBinding Content}"></TextBlock>
                        </Border>
                    </ControlTemplate>
                </Button.Template>
            </Button>
            <Button  Name="btn_close" Margin="0,0,0,0"   Content="关闭"  Width="50" Height="50"  Cursor="Hand"  Click="btn_close_Click">
                <Button.Template>
                    <ControlTemplate TargetType="Button"  >
                        <Border Background="Transparent">
                            <TextBlock Background="Transparent"  TextAlignment="Center" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#666666" FontSize="18"
                         Text="{TemplateBinding Content}"></TextBlock>
                        </Border>
                    </ControlTemplate>
                </Button.Template>
            </Button>
        </StackPanel>
    </Border>
</Window>

（2）、MainWindow.xaml.cs

using System.Windows;
using System.Windows.Input;
namespace WpfApp3
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
        Point _pressedPosition;
        bool _isDragMoved = false;
        void Window_PreviewMouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
        {
            _pressedPosition = e.GetPosition(this);
        }
        void Window_PreviewMouseMove(object sender, System.Windows.Input.MouseEventArgs e)
        {
            if (Mouse.LeftButton == MouseButtonState.Pressed && _pressedPosition != e.GetPosition(this))
            {
                _isDragMoved = true;
                DragMove();
            }
        }
        void Window_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            if (_isDragMoved)
            {
                _isDragMoved = false;
                e.Handled = true;
            }
        }
        private void btn_upload_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("上传成功");
        }
        private void btn_close_Click(object sender, RoutedEventArgs e)
        {
            Close();
        }   
    }
}

（3）、效果预览

总结

本文介绍了在窗口任意区域点击拖动的方法。简单的拖动是不可行的，往深一步探究，发现了巧妙的解决方法：在鼠标移动时触发拖动。但这也不是一蹴而就的，这是笔者曾经做项目经过了一定的探究最终得以实现，而本文呈现的是优化后的精简版本，易于实现也很好理解，即是所谓的大道至简。

到此这篇关于C# wpf 实现窗口任意区域点击拖动的文章就介绍到这了,更多相关C# wpf窗口拖动内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 小白2分钟学会Visual Studio如何将引用包打包到NuGet上

    小白2分钟学会Visual Studio如何将引用包打包到NuGet上

    这篇文章主要介绍了小白2分钟学会Visual Studio如何将引用包打包到NuGet上,只需两步完成打包上传操作，需要的朋友可以参考下
    2021-09-09
  • C#自定义DataGridViewColumn显示TreeView

    C#自定义DataGridViewColumn显示TreeView

    我们可以自定义DataGridView的DataGridViewColumn来实现自定义的列，下面介绍一下如何通过扩展DataGridViewColumn来实现一个TreeViewColumn
    2015-12-12
  • C#中DataGridView的样式

    C#中DataGridView的样式

    这篇文章主要介绍了C#中DataGridView的样式设置方法,包括交替行颜色、单元格内容有效性检查、单元格的选择模式等,需要的朋友可以参考下
    2015-02-02
  • 详解WPF中值转换器的使用方法

    详解WPF中值转换器的使用方法

    在WPF（Windows Presentation Foundation）中,值转换器（Value Converter）是一种机制,允许你在绑定时转换绑定源和绑定目标之间的值,本文给大家介绍了WPF中值转换器的使用方法,需要的朋友可以参考下
    2024-02-02
  • 详解C#如何使用WASM跨语言调用

    详解C#如何使用WASM跨语言调用

    WebAssembly(简称Wasm)是一种用于基于堆栈的虚拟机的二进制指令格式，这篇文章主要介绍了C#如何使用WASM跨语言调用，需要的小伙伴可以了解一下
    2023-08-08
  • 基于WPF绘制一个点赞大拇指动画

    基于WPF绘制一个点赞大拇指动画

    这篇文章主要为大家详细介绍了WPF实现绘制一个点赞大拇指动画，文中的示例代码讲解详细，对我们学习或工作有一定帮助，感兴趣的小伙伴可以了解一下
    2023-02-02
  • Extjs4如何处理后台json数据中日期和时间

    Extjs4如何处理后台json数据中日期和时间

    本文给大家分享Extjs4如何处理后台json数据中日期和时间，通过代码示例给大家剖析，感兴趣的朋友快来围观
    2015-08-08
  • c#如何获取json数组里指定参数

    c#如何获取json数组里指定参数

    这篇文章主要介绍了c#如何获取json数组里指定参数问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-02-02
  • Unity2D实现游戏回旋镖

    Unity2D实现游戏回旋镖

    这篇文章主要为大家详细介绍了Unity2D实现游戏回旋镖，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • C#9.0 新特性简介

    C#9.0 新特性简介

    这篇文章主要介绍了C#9.0 新特性简介，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10

最新评论