wpf Canvas 绘制矩形 显示移动轨迹

最新推荐文章于 2024-09-04 00:06:44 发布
最新推荐文章于 2024-09-04 00:06:44 发布
阅读量1.3k 收藏 9
点赞数
文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35250111/article/details/120351408
版权

cs文件

using System;
using System.Collections.Generic;
using System.IO;
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 Measure
{
    enum PosMode{
        Show,
        Move,
        Delete,
        Zoom
    }

    /// <summary>
    /// OneImagePanel.xaml 的交互逻辑
    /// </summary>
    public partial class OneImagePanel : UserControl
    {
        public static void SaveBitmapImageAsJpeg(BitmapSource image, string imageFileName)
        {
            //已知BitmapImage image

            JpegBitmapEncoder encoder = new JpegBitmapEncoder();
            encoder.QualityLevel = 100;

            encoder.Frames.Add(BitmapFrame.Create(image));

            FileStream fileStream = new FileStream(imageFileName, FileMode.Create, FileAccess.ReadWrite);

            encoder.Save(fileStream);

            fileStream.Close();
        }

        public OneImagePanel()
        {
            InitializeComponent();
        }
        private double scale = 0;
        public void SetImage(BitmapSource bitmapSource)
        {
            cameraImage.Source = bitmapSource;
            if(scale==0)
            {
                double scaleX = _Canvas.Width / bitmapSource.Width;
                double scaleY = _Canvas.Height / bitmapSource.Height;
                scale = scaleX > scaleY ? scaleY : scaleX;
                _Scale.ScaleX = scale;
                _Scale.ScaleY = scale;
            }
        }
              
        System.Windows.Point BackcenterPoint;
        private void Back_img_MouseWheel(object sender, MouseWheelEventArgs e)
        {
            BackcenterPoint = e.GetPosition(_Canvas);
            System.Windows.Point pt1 = _Canvas.RenderTransform.Inverse.Transform(BackcenterPoint);
            _Translate.X = (BackcenterPoint.X - pt1.X) * this._Scale.ScaleX;
            _Translate.Y = (BackcenterPoint.Y - pt1.Y) * this._Scale.ScaleY;
            this._Scale.CenterX = BackcenterPoint.X;
            this._Scale.CenterY = BackcenterPoint.Y;
            if ((_Scale.ScaleX + (double)e.Delta / 2400) >= 0.1 && (_Scale.ScaleX + (double)e.Delta / 2400) < 2)
            {
                _Scale.ScaleX += (double)e.Delta / 2400;
                _Scale.ScaleY += (double)e.Delta / 2400;
            }
        }
        private bool mouseLDown = false;
        private bool mouseRDown = false;
        private System.Windows.Point mouseXY;
        private bool selectMove = false;
        private bool ZoomMove = false;
        private double RectMinSize = 30;
        //当前选中的矩形
        System.Windows.Shapes.Rectangle currnetRectang = null;
        private void canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            var img = sender as Canvas;
            if (img == null)
            {
                return;
            }            
            img.CaptureMouse();
            mouseXY = e.GetPosition(img);
            selectMove = false;
            PosMode mode = SelectRect(e.GetPosition(img));
            if (mode != PosMode.Show)
            {
                if (e.ClickCount > 1)
                {
                    //双击矩形处理
                    return;
                }
                double x = Canvas.GetLeft(currnetRectang);
                double y = Canvas.GetTop(currnetRectang);

                if (mode == PosMode.Zoom)
                    ZoomMove = true;
                else
                {                  
                    selectMove = true;
                }

              
                DeleteLabel.Visibility = Visibility.Visible;
                Canvas.SetLeft(DeleteLabel, x - 32);
                Canvas.SetTop(DeleteLabel, y - 32);

                ZoomLabel.Visibility = Visibility.Visible;
                Canvas.SetLeft(ZoomLabel, x + currnetRectang.Width);
                Canvas.SetTop(ZoomLabel, y + currnetRectang.Height);
                
                return;
            }
            DeleteLabel.Visibility = Visibility.Collapsed;
            ZoomLabel.Visibility = Visibility.Collapsed;
           
            mouseLDown = true;

            TempRect.Width = 0;TempRect.Height = 0;
            TempRect.Visibility = Visibility.Visible;
        }
               
        private void canvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            var img = sender as Canvas;
            if (img == null)
            {
                return;
            }
            Point CurPos = e.GetPosition(img);
            img.ReleaseMouseCapture();
            selectMove = false;
            ZoomMove = false;
            if (mouseLDown)
            {
                Rectangle rect = new Rectangle();
                rect.StrokeThickness = 2;
                rect.Stroke = new SolidColorBrush(Colors.Red);
                rect.Width = Math.Abs(mouseXY.X - CurPos.X);
                rect.Height = Math.Abs(mouseXY.Y - CurPos.Y);
                Canvas.SetLeft(rect, Math.Min(mouseXY.X, CurPos.X));
                Canvas.SetTop(rect, Math.Min(mouseXY.Y, CurPos.Y));
                if (rect.Width > RectMinSize && rect.Height > RectMinSize)
                {
                    //画完后记录
                    rect.Name = "DrawRect";
                    _Canvas.Children.Add(rect);
                }
            }
            mouseLDown = false;
            TempRect.Visibility = Visibility.Collapsed;
        }
        private void _Canvas_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
        {
            var img = sender as Canvas;
            if (img == null)
            {
                return;
            }
            img.CaptureMouse();
            mouseRDown = true;
            mouseXY = e.GetPosition(img);
        }
        private void _Canvas_MouseRightButtonUp(object sender, MouseButtonEventArgs e)
        {
            var img = sender as Canvas;
            if (img == null)
            {
                return;
            }
            img.ReleaseMouseCapture();
            mouseRDown = false;
        }

       
        private void canvas_MouseMove(object sender, MouseEventArgs e)
        {
            var img = sender as Canvas;
            if (img == null)
            {
                return;
            }
            PosMode mode =  SelectRect(e.GetPosition(img));
            switch (mode)
            {
                case PosMode.Move:
                    this.Cursor = Cursors.Hand;break;
                case PosMode.Zoom:
                    this.Cursor = Cursors.SizeNWSE; break;
                default:
                    this.Cursor = Cursors.Arrow; break;
            }
            if (mouseRDown)
            {
                //右键移动视图
                Domousemove(img, e);
            }
            else if (ZoomMove)
            {
                ZoomSelectRectang(e.GetPosition(img));
            }
            else if (selectMove)
            {
                //左键移动矩形
                MoveSelectRectang(e.GetPosition(img));
            }
            else if (mouseLDown)
            {
                //左键画图
                DrawRect(e.GetPosition(img));
            }
            
        }
        private void Domousemove(Canvas img, MouseEventArgs e)
        {
            if (e.RightButton != MouseButtonState.Pressed)
            {
                return;
            }
            var position = e.GetPosition(img);
            _Translate.X += (position.X - mouseXY.X) * _Scale.ScaleX;
            _Translate.Y += (position.Y - mouseXY.Y) * _Scale.ScaleY;            
        }

        private void DrawRect(Point CurPos)
        {
            TempRect.Width = Math.Abs(mouseXY.X - CurPos.X);
            TempRect.Height = Math.Abs(mouseXY.Y - CurPos.Y);
            Canvas.SetLeft(TempRect, Math.Min(mouseXY.X, CurPos.X));
            Canvas.SetTop(TempRect, Math.Min(mouseXY.Y, CurPos.Y));
        }
        private void MoveSelectRectang(Point CurPos)
        {
            double offsetX = (CurPos.X - mouseXY.X);
            double offsetY = (CurPos.Y - mouseXY.Y);
            //if (offsetX > 1 || offsetY > 1)
            {
                mouseXY = CurPos;
                double x = Canvas.GetLeft(currnetRectang);
                double y = Canvas.GetTop(currnetRectang);
                Canvas.SetLeft(currnetRectang, (x + offsetX));
                Canvas.SetTop(currnetRectang, (y + offsetY));

                Canvas.SetLeft(DeleteLabel, x - 32);
                Canvas.SetTop(DeleteLabel, y - 32);

                Canvas.SetLeft(ZoomLabel, x + currnetRectang.Width);
                Canvas.SetTop(ZoomLabel, y + currnetRectang.Height);             
            }
        }
        private void ZoomSelectRectang(Point CurPos)
        {
            double offsetX = (CurPos.X - mouseXY.X);
            double offsetY = (CurPos.Y - mouseXY.Y);
            mouseXY = CurPos;
            double x = Canvas.GetLeft(currnetRectang);
            double y = Canvas.GetTop(currnetRectang);     
            if(currnetRectang.Width+offsetX>RectMinSize)
                currnetRectang.Width += offsetX;
            if (currnetRectang.Height + offsetY > RectMinSize)
                currnetRectang.Height += offsetY;
            currnetRectang.Width = currnetRectang.Width < RectMinSize ? RectMinSize : currnetRectang.Width;
            currnetRectang.Height = currnetRectang.Height < RectMinSize ? RectMinSize : currnetRectang.Height;

            Canvas.SetLeft(ZoomLabel, x + currnetRectang.Width);
            Canvas.SetTop(ZoomLabel, y + currnetRectang.Height);
        }
        //return 0-未选中 1-内部 2-左右边界 3-上下边界 4-角点
        static int rang = 20;
        private PosMode SelectRect(Point CurPos)
        {
            PosMode bfind = PosMode.Show;
            for (int i = _Canvas.Children.Count - 1; i > 0; i--)
            {
                UIElement uitem = _Canvas.Children[i];
                if (uitem.GetType() == typeof(Rectangle))
                {
                    Rectangle rect = _Canvas.Children[i] as Rectangle;
                    if (rect.Name == "DrawRect")
                    {
                        rect.Stroke = new SolidColorBrush(Colors.Red);
                        Rect roi = new Rect(Canvas.GetLeft(rect), Canvas.GetTop(rect), rect.Width, rect.Height);
                        if (roi.Contains(CurPos))
                        {
                            currnetRectang = rect;
                            rect.Stroke = new SolidColorBrush(Colors.Green);
                            bfind = PosMode.Move;
                            if ((CurPos.X > roi.Right - rang && CurPos.X < roi.Right + rang) &&
                                (CurPos.Y > roi.Bottom - rang && CurPos.Y < roi.Bottom + rang))
                            {
                                bfind = PosMode.Zoom;
                            }
                        }
                    }
                }
            }           
            return bfind;
        }

        private void DeleteLabel_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            //删除矩形
            _Canvas.Children.Remove(currnetRectang);               
            
        }

        private void btnZoomUp_Click(object sender, RoutedEventArgs e)
        {
            if (_Scale.ScaleX < 2 && _Scale.ScaleY < 2)
            {
                _Scale.ScaleX += 0.1;
                _Scale.ScaleY += 0.1;
            }
        }

        private void btnZoomDown_Click(object sender, RoutedEventArgs e)
        {
            if (_Scale.ScaleX > 0.2 && _Scale.ScaleY > 0.2)
            {
                _Scale.ScaleX -= 0.1;
                _Scale.ScaleY -= 0.1;
            }
        }

        private void btnZoomOrigin_Click(object sender, RoutedEventArgs e)
        {
            _Scale.ScaleX = scale;
            _Scale.ScaleY = scale;
            _Scale.CenterX = 0;
            _Scale.CenterY = 0;
            _Translate.X = 0;
            _Translate.Y = 0;
        }
      
        private void _Canvas_MouseLeave(object sender, MouseEventArgs e)
        {
            DeleteLabel.Visibility = Visibility.Collapsed;
            ZoomLabel.Visibility = Visibility.Collapsed;
        }
    }
}

 xmal文件

<UserControl x:Class="Measure.OneImagePanel"
        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"
             mc:Ignorable="d">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="50"></RowDefinition>
        </Grid.RowDefinitions>
        <Border  VerticalAlignment="Center" HorizontalAlignment="Center"  ClipToBounds="True" Grid.Row="0">
            <Canvas x:Name ="_Canvas" MouseLeftButtonDown="canvas_MouseLeftButtonDown" MouseLeftButtonUp="canvas_MouseLeftButtonUp" 
                   MouseRightButtonDown="_Canvas_MouseRightButtonDown" MouseRightButtonUp="_Canvas_MouseRightButtonUp"
                    MouseMove="canvas_MouseMove" Width="800" Height="800" MouseLeave="_Canvas_MouseLeave">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform x:Name="_Scale"  ScaleX="1"  ScaleY="1"/>
                        <TranslateTransform x:Name="_Translate" X="0" Y="0"></TranslateTransform>
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Image x:Name="cameraImage" Stretch="Uniform" HorizontalAlignment="Center" StretchDirection="Both"  MouseWheel="Back_img_MouseWheel" />
                <Rectangle x:Name="TempRect" Stroke="Red" StrokeThickness="2" Visibility="Collapsed"/>

                <Label x:Name="DeleteLabel"  Width="32" Height="32" Visibility="Collapsed" 
                       MouseLeftButtonDown="DeleteLabel_MouseLeftButtonDown"  >
                    <Label.Background>
                        <ImageBrush ImageSource="delete.png"/>
                    </Label.Background>
                </Label>
                <Label x:Name="ZoomLabel"  Width="32" Height="32" Visibility="Collapsed" >
                    <Label.Background>
                        <ImageBrush ImageSource="zoom.png"/>
                    </Label.Background>
                </Label>
            </Canvas>
        </Border>
        <StackPanel  Orientation="Horizontal"  VerticalAlignment="Center" HorizontalAlignment="Center"  ClipToBounds="True" Grid.Row="1">
            <Button Name="btnZoomDown"  Click="btnZoomDown_Click" Margin="10,0,10,0" Width="50"  Height="50" >
                <Button.Background>
                    <ImageBrush ImageSource="zoomDown.png"/>
                </Button.Background>
            </Button>
            <Button Name="btnZoomOrigin"  Click="btnZoomOrigin_Click" Margin="10,0,10,0" Width="50"  Height="50" >
                <Button.Background>
                    <ImageBrush ImageSource="zoomOrigin.png"/>
                </Button.Background>
            </Button>
            <Button Name="btnZoomUp"  Click="btnZoomUp_Click"  Margin="10,0,10,0" Width="50"  Height="50" >
                <Button.Background>
                    <ImageBrush ImageSource="zoomUp.png"/>
                </Button.Background>
            </Button>
        </StackPanel>
    </Grid>
</UserControl>

特别说明

  1. 绘图窗口为UserControl控件
  2. 设置图片使用  public void SetImage(BitmapSource bitmapSource)；
  3. 有几张png文件，需外部导入 提取码：k6qpicon-default.png?t=L892https://pan.baidu.com/s/1T68xqRyqEYVf16CRaljfQg
MT_GH
关注
WPF太阳、地球、月球运动轨迹模拟
LisenYang的专栏
01-13 1万+
WPF太阳、地球、月球运动轨迹模拟
canvas绘制矩形
mb_wusuoweiju的博客
06-29 794
今天自主性地写了一个鼠标事件控制canvas绘制矩形的demo. 感觉通过自己的思路写的demo是蛮好的, 虽然只是60行来代码. 得到了朋友的简单夸奖, 我也很开心, 这个demo肯定是有不足之处的. 望大家多多指教.&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;m...
WPF 各Ease动画轨迹预览
08-18
一个小工具(包含源码)，wpf中会用到各种动画效果，本示例可以预览各个Ease的运动轨迹 （BackEase,BounceEase,CircleEase,CubicEase,ElasticEase,ExponentialEase,PowerEase,QuadraticEase,QuarticEase,QuinticEase,SineEase）
WPF路径动画(动态逆向动画)
weixin_33766805的博客
07-12 252
WPF 中的Path.Data 不再多介绍，M开始坐标点 C弧度坐标点 L 直线坐标点 <Path x:Name="path0" Data="M 10,100 C 35,0 135,0 160,100 180,190 285,200 310,100" Height="135.32" Stretch="Uniform" Stroke="#FF...
WPF （容器控件5）Canvas控件的详细教程
最新发布
weixin_39604653的博客
09-04 1129
Canvas 是 WPF 中的一个布局控件，用于精确控制子元素的定位。与其他布局控件不同，Canvas 不会自动排列子元素，而是让你明确指定每个子元素的坐标。Canvas 适合用于需要精确定位的场景，如绘图应用、游戏界面等。
WPF使用Canvas绘制可变矩形
weixin_30861797的博客
07-25 484
1、问题以及解决办法 最近因为项目需要，需要实现一个位置校对的功能，大致的需求如下：有一个图片，有一些位置信息，但是位置信息可能和实际有些偏差，需要做简单调整，后面会对这张图片进行切割等，做些处理。（位置信息连接起来是一个个小矩形。） 解决以上问题的大致思路如下：使用canvas进行绘制，把图片作为canvas的背景，在canvas上绘制矩形，类似于qq截图一样，矩...
WPF InkCanvas绘制矩形和椭圆
08-26
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中使用InkCanvas控件来绘制矩形和椭圆。InkCanvas是WPF提供的一种用于手写和绘图的控件，它允许用户使用鼠标或触笔进行自由绘画，并且支持...
canvas绘图任意矩形、多边形
10-19
本教程将深入探讨如何利用Canvas API实现鼠标拖动绘制任意矩形和多边形的功能。 首先，我们需要在HTML文件中创建一个`<canvas>`元素，并设置其id以便于在JavaScript中引用。例如： ```html <!DOCTYPE html> ...
wpf 绘制矩形 可动态调整矩形大小
11-04
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中实现动态绘制矩形以及允许用户通过拖动矩形的四个角来调整其大小的功能。这个功能在各种图形编辑工具或界面设计应用中非常常见，它能提供...
WPF PathListBox轨迹旋转动画 椭圆轨迹动画 椭圆运动
05-05
运用WPF .netFrameWork4.0出的新功能，PathListBox分布物体，制作出这些物体一起按照这个椭圆的轨迹运动的动画，关于PathListBox的属性用法，大家自己Baidu一下。
WPF多小球轨迹动画
02-16
这是根据WPF编程宝典第15.5例子修改来的~
小球运动轨迹动画贝塞尔
09-02
运动轨迹动画
WPF入门教程系列六——布局介绍与Canvas（一）
weixin_33912246的博客
05-30 907
       从这篇文章开始是对WPF中的界面如何布局做一个较简单的介绍，大家都知道：UI是做好一个软件很重要的因素，如果没有一个漂亮的UI，功能做的再好也无法吸引很多用户使用，而且没有漂亮的界面，那么普通用户会感觉这个软件没有多少使用价值。 一. 总体介绍         WPF的布局控件都在System.Windows.Controls.Panel这个基类下面，使用 WPF提供的各种控件在...
WPF简易局部地图 实现标记 绘制轨迹
菜鸟程序员
05-17 1524
WPF简易局部地图 实现标记 绘制轨迹 控件可以实现： 在知道显示的地图区域时： 设定地图的左上角和右下角经纬度； 设置使用的地图图片路径； 添加地图图钉或者轨迹点； 绘制点或轨迹。 地图控件所需的数据结构： using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows; using Syst
WPF拖动绘制
祝紫山（大可山人）博客[GDI+,WPF, .Net图形图像]
05-23 5159
using System;using System.Windows;using System.Windows.Controls;using System.Windows.Input;using System.Windows.Shapes;using System.Windows.Media;namespace BrawDraw.Com.HandleAnEvent{    class Handl
WPF编程，通过Path类型制作沿路径运动的动画一种方法。
weixin_30611509的博客
04-18 282
WPF编程，通过Path类型制作沿路径运动的动画一种方法。 原文:WPF编程，通过Path类型制作沿路径运动的动画一种方法。 版权声明：我不生产代码，我只是代码的搬运工。 https://blog.csdn.net/qq_43307934/article/...
WPF之基于路径的动画
weixin_34353714的博客
08-01 177
　　不是突然想到要做一个路径动画的，是今天谈业务需求的时候偶然谈到的， 　　一艘船从一个国家到另外一个国家，沿着一条固定的路线前进，就是一个简单的动画效果，以前貌似在书上看到过，所以自己也来做一个。 　　在网上搜资料发现都是给你看看代码，或者边写边看代码。 　　认为还是要先研究一下这个东西要如何实现吧，参考资料是《WPF编程宝典》。 　　其实中心思想还是很简单的，主要是设置对象的Story...
WPF 多路径动画描绘轨迹生成几何图形动画
desperaso的博客
04-19 1519
按照描述轨迹做出几何图像。参照此类方式可制作多种动态数学几何图形。 代码可以优化，如有错误自行修正 前台 <Window x:Class="DT_8.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.mic...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值