C#控件Picturebox实现鼠标拖拽功能

2024-10-18 15:15:43

工作需要，要在一个Form里面实现一个实时预览的picturebox图像，由于picturebox可能会遮挡到其后面的画面，所以要求picturebox可以由用户自行拖拽，类似于悬浮框。

原理说明

在网上兜了几圈之后，决定用三段代码实现。首先要注册鼠标的三个事件：移动、鼠标左键按下、鼠标左键抬起，当然，都是在picturebox上的动作。注册三个事件后，即可以在三个对应的事件函数里面实现拖拽。

代码实例

首先在窗体设计器生成的代码里面注册picturebox的鼠标事件。注：网上说当你添加picturebox的时候，这个相应的鼠标事件就自动给添加上了，本人在实践中一开始没有手动去注册此事件，结果实验的时候对应的鼠标事件函数就是不触发，后来翻看设计器自动生成的初始化模块private void InitializeComponent() ，发现并没有自动添加鼠标事件，自己手动添加后才顺利运行，博友请先查看自己的有没有自动生成，如果自动添加上了，就不用手动写了。
注册鼠标事件代码实例（自动生成的部分已省略未写）：

private void InitializeComponent()
{
  //
  // RealPlayWnd
  //
  this.RealPlayWnd.MouseUp += new MouseEventHandler(this.RealPlayWnd_MouseUp);
  this.RealPlayWnd.MouseDown += new MouseEventHandler(this.RealPlayWnd_MouseDown);
  this.RealPlayWnd.MouseMove += new MouseEventHandler(this.RealPlayWnd_MouseMove);

}

实现代码实例：

int xPos;
int yPos;
bool MoveFlag;
  //在picturebox的鼠标按下事件里,记录三个变量.
  private void RealPlayWnd_MouseDown(object sender, System.Windows.Forms.MouseEventArgs e)
  {
    MoveFlag = true;//已经按下.
    xPos = e.X;//当前x坐标.
    yPos = e.Y;//当前y坐标.
  }

 //在picturebox的鼠标按下事件里.
 private void RealPlayWnd_MouseUp(object sender, MouseEventArgs e)
 {
   MoveFlag = false;
 }

 //在picturebox鼠标移动
 private void RealPlayWnd_MouseMove(object sender, MouseEventArgs e)
 {
   if (MoveFlag)
   {
     RealPlayWnd.Left += Convert.ToInt16(e.X - xPos);//设置x坐标.
     RealPlayWnd.Top += Convert.ToInt16(e.Y - yPos);//设置y坐标.
   }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

C#控件picturebox实现图像拖拽和缩放

本文实例为大家分享了C# picturebox实现图像拖拽和缩放的具体代码,供大家参考,具体内容如下 1.核心步骤: ①新建Point类型全局变量mouseDownPoint,记录拖拽过程中鼠标位置: ②MouseDown事件记录Cursor位置: ③MouseMove事件计算移动矢量,并更新pictureBox1.Location. 代码: private void pictureBox1_MouseDown(object sender, MouseEventArgs e) { if (e.B
C#利用控件拖拽技术制作拼图游戏

主要实现的功能: 1.程序附带多张拼图随机拼图. 2.可手动添加拼图. 3.游戏成功判断. 4.30秒超时判断. Puzzle.cs using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms
C#组件FormDragger窗体拖拽器详解

适用:.net2.0+ winform项目介绍: 类似QQ.迅雷等讲究UI体验的软件,都支持在窗口内多处地方拖动窗口,而不必老实巴交的去顶部标题栏拖,这个组件就是让winform也能这样随性拖拽,随性度或更甚.先看效果: 可拖拽的地方包括不限于: 窗体.Panel.GroupBox.TabControl等容器控件的空白区: 菜单栏.工具栏.状态栏等bar的空白区,以及无效项目: Label.PictureBox.ProgressBar等通常不与鼠标交互的控件: 一切无效控件(Enabled为f
C#实现TreeView节点拖拽的方法

本文实例讲述了C#实现TreeView节点拖拽的方法.分享给大家供大家参考.具体如下: public Form1() { InitializeComponent(); treeView1.AllowDrop = true; treeView1.ItemDrag += new ItemDragEventHandler(treeView1_ItemDrag); treeView1.DragEnter += new DragEventHandler(treeView1_DragEnter); tree
C# ListBox中的Item拖拽代码分享

我们先来看下运行效果图 Form1.cs代码: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; using System
C# 实现的图片盖章功能，支持拖拽、旋转、放缩、保存

实现图片盖章功能,在图片上点击,增加"图章"小图片,可以拖拽"图章"到任意位置,也可以点击图章右下角园框,令图片跟着鼠标旋转和放缩. 操作方法:1.点击增加"图章"2.选中移动图标3.点中右下角放缩旋转图章. 效果图: 实现代码如下: 1. 窗口Xaml代码复制代码代码如下: <Window x:Class="Lenovo.YogaPaster.ImageEditWindow" xmlns="htt
C#实现Dev Grid拖拽移动行的方法

本文实例讲述了C#实现Dev Grid拖拽移动行的方法.分享给大家供大家参考.具体如下: 完整实例代码点击此处本站下载. 拖拽时带行截图效果实现代码如下: /// <summary> /// 拖拽帮助类 /// </summary> public static class DragHelper { /// <summary> /// BandedGridView 拖拽 /// </summary> /// <param name="
C# 文件拖拽和pixturBox缩放与拖拽功能

文件拖拽: 效果:将一个文件拖拽到窗体的某个控件时,将该控件的路径显示在该控件上,只要拿到了路径自然可以读取文件中的内容了. 将一个控件的属性AllowDrop设置为true,然后添加DragDrop.DragEnter时间处理函数,如下: private void txtAppPath_DragEnter(object sender, System.Windows.Forms.DragEventArgs e) { if (e.Data.GetDataPresent(DataFormats.Fi
UGUI实现图片拖拽功能

这一篇博客我们来使用UGUI实现图片的拖拽功能. 说到拖拽,那必然离不开坐标,UGUI 的坐标有点不一样,它有两种坐标,一种是屏幕坐标,还有一种就是 UI 在Canvas内的坐标(暂时叫做ugui坐标.),这两个坐标是不一样的,所以拖拽是就需要转换.因为鼠标的移动是屏幕坐标,而 UI 的移动是ugui坐标.转换的方法: RectTransformUtility.ScreenPointToLocalPointInRectangle ( - );这个方法可以把屏幕坐标转换成 ugui 坐标.至于屏幕
C#控件Picturebox实现鼠标拖拽功能

工作需要,要在一个Form里面实现一个实时预览的picturebox图像,由于picturebox可能会遮挡到其后面的画面,所以要求picturebox可以由用户自行拖拽,类似于悬浮框. 原理说明在网上兜了几圈之后,决定用三段代码实现.首先要注册鼠标的三个事件:移动.鼠标左键按下.鼠标左键抬起,当然,都是在picturebox上的动作.注册三个事件后,即可以在三个对应的事件函数里面实现拖拽. 代码实例首先在窗体设计器生成的代码里面注册picturebox的鼠标事件.注:网上说当你添加pict
javascript利用canvas实现鼠标拖拽功能

利用canvas实现鼠标拖拽功能,当在元素上按下鼠标并移动时,元素跟着鼠标移动. 效果: 主要思路: 当鼠标按下时,用isPointInPath方法判断鼠标位置是否在元素上,如果在则鼠标移动时元素跟着移动:当鼠标抬起时,将鼠标移动事件和抬起事件置空. 代码如下: <canvas id="can" width="400" height="400"></canvas> <script type="text/ja
python 基于selenium实现鼠标拖拽功能

1.准备html文件首先我们需要准备一个鼠标滑动的html文件,用来演示鼠标滑动的效果,注意需要将我们的html文件放在自己的服务器上, 这样我们才能够通过selenium来进行验证.html文件如下: <html> <head> <meta charset="utf-8" /> <style> body { margin: 0; padding: 0; } input{ appearance:none; -moz-appearance
Winform控件Picture实现图片拖拽显示效果

最近做了一个小工具,在Winform中对Picture控件有一个需求,可以通过鼠标从外部拖拽图片到控件的上,释放鼠标,显示图片! 首先你需要对你的整个Fom窗口的AllowDrop设置Ture //函数从动态链接库中倒入(模拟鼠标事件) [System.Runtime.InteropServices.DllImport("user32")] private static extern int mouse_event(int dwFlags, int dx, int dy, int cB
js前端日历控件（悬浮、拖拽、自由变形）

很少发现网上有简洁好用的自定义前端控件的贴子,最近项目中需要,自己YY开始写前端控件,在此给大家分享控件是基于jQuery.UI的Widget写的,写起来就方便很多,使用起来跟普通jQuery控件一样$(#id).control(option),看着眼熟吧,下面就开始了. 首先说下控件的依赖包,加载控件的时候必须先加载jQuery, jQuqery.UI, 另外jquery-ui.css 这个包也需要引用,此包主要应用了jQuery拖拽和放缩的样式,控件样式方面大家自由发挥,给了个自己写的默认
C#自定义鼠标拖拽Drag&Drop效果之基本原理及基本实现代码

目录一.前言二.基本原理 1,设计界面 2,拖拽发起方 3,拖拽接收方 4,实际演示三.自定义拖拽时鼠标效果 1,界面设计 2,拖拽发起方 3,拖拽接收方 4,GiveFeedback实现鼠标样式切换 4,实际演示四.源码下载五.总结一.前言拖拽(Drag&Drop),属于是极其常用的基础功能.无论是在系统上.应用上.还是在网页上,拖拽随处可见.同时拖拽时的鼠标效果也很漂亮,像这样: 这样: 还有这样: 等等等等.这些拖拽时的鼠标效果,直观又美观.然后,在我们写程序时,程序确实是支
WPF 在image控件用鼠标拖拽出矩形的实现方法

今天有小伙伴问我一个问题,在image控件用鼠标拖拽出矩形,本文告诉大家如何使用鼠标画出矩形做出来的效果先请大家看一下最简单的方法是在 Down 的时候记录按下的点,在移动的时候重新计算所在的宽度先在界面使用一个图片和一个矩形 <Grid x:Name="Grid"> <Image Source="TIM截图20180811150831.png"></Image> <TextBlock HorizontalAlign
js实现使用鼠标拖拽切换图片的方法

本文实例讲述了js实现使用鼠标拖拽切换图片的方法.分享给大家供大家参考.具体实现方法如下: <script type="text/javascript" src="js/jquery.min.js"></script> <style type="text/css"> *{margin:0;padding:0;} .m-slider{width:600px;margin:0 auto 10px !importan
js实现登录框鼠标拖拽效果

效果图: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录框鼠标拖拽效果</title> <style type="text/css"> body { background: url("https://timgsa.baidu.com/timg?i

C#控件Picturebox实现鼠标拖拽功能

相关推荐

随机推荐