WPF实现鼠标拖动框选功能

最新推荐文章于 2024-06-08 22:16:13 发布

RunnerDNA

最新推荐文章于 2024-06-08 22:16:13 发布

阅读量4.6k

点赞数 8

分类专栏： WPF应用实例文章标签： WPF Canvas 框选

本文链接：https://blog.csdn.net/dnazhd/article/details/106071850

版权

本文介绍如何在WPF中利用Canvas控件，通过监听鼠标按下、移动和抬起事件，实现实时拖动鼠标绘制矩形框并进行框选的功能。

摘要由CSDN通过智能技术生成

本实例主要是使用WPF实现拖动鼠标画出矩形框同时框选控件的功能，效果如下：

1、首先Canvas里放一些矩形控件来做示例，添加鼠标按下、抬起、移动事件

<Window x:Class="MouseBoxSelection.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:MouseBoxSelection"
        mc:Ignorable="d"
        Title="MainWindow" Height="250" Width="500"  >
    <Canvas x:Name="mainCanvas" Background="LightGray" MouseMove="MainCanvas_MouseMove" MouseLeftButtonUp="MainCanvas_MouseLeftButtonUp" MouseLeftButtonDown="MainCanvas_MouseLeftButtonDown">
        <Rectangle Width="25" Height="25" Canvas.Left="100" Canvas.Top="50" Fill="Red"></Rectangle>
        <Rectangle Width="25" Height="25" Canvas.Left="150" Canvas.Top="50" Fill="Blue"></Rectangle>
        <Rectangle Width="25" Height="25" Canvas.Left="200" Canvas.Top="50" Fill&