[英]Move Image inside the Picturebox using mouse events
I have this code where I upload/place an image inside a pictureBox.我有这个代码,我在一个图片框中上传/放置一个图像。 What I want to do now is to drag it inside the pictureBox using MouseEvents.
我现在想要做的是使用 MouseEvents 将它拖到图片框内。 How do I do that when my Image is drawn using another class?
当使用另一个类绘制我的图像时,我该怎么做?
Image Class图像类
public void ImageDrawing(Bitmap bm, RectangleF rect, PaintEventArgs e)
{
this.image = bm;
this.width = rect.Width;
this.height = rect.Height;
this.rect = rect;
Graphics g = e.Graphics;
bm = ImageClass.GrayscaleImage(bm);
bm.MakeTransparent(Color.White);
g.DrawImage(bm, rect);
}
Main Form主窗体
private void btn_Browse_Click(object sender, EventArgs e)
{
PaintImage();
}
public void PaintImage()
{
buttons = (Shape.ShapeType)System.Enum.Parse(typeof(Shape.ShapeType), "image");
// open file dialog
OpenFileDialog open = new OpenFileDialog();
// image filters
open.Filter = "Image Files(*.jpg; *.jpeg; *.gif; *.bmp); *.PNG|*.jpg; *.jpeg; *.gif; *.bmp; *.PNG";
if (open.ShowDialog() == DialogResult.OK)
{
//Display image in picture box
string strType = Path.GetExtension(open.FileName);
FileInfo fs = new FileInfo(open.FileName);
long fileSize = fs.Length / 1024;
ImageBitmap = new Bitmap(open.FileName);
}
imageHeight = ImageBitmap.Height / 3f;
imageWidth = ImageBitmap.Width / 3f;
imageX = (shape.center.X - (imageWidth / 2));
imageY = (shape.center.Y - (imageHeight / 2));
imageRect = new RectangleF(imageX, imageY, imageWidth, imageHeight);
pictureBox_Canvass.Refresh();
}
I have implemented moving the image inside the picture box by mouse dragging using TaW's code as reference.我已经使用 TaW 的代码作为参考,通过鼠标拖动实现了在图片框内移动图像。 Please see the events for the picturebox Mouse and Paint.
请参阅图片框鼠标和绘画的事件。
// Global Variables
private int _xPos;
private int _yPos;
private bool _dragging;
Image _img;
Rectangle _imgRect;
private void pictureBox1_MouseUp(
object sender, MouseEventArgs e) {
var c = sender as PictureBox;
if (null == c) return;
_dragging = false;
}
private void pictureBox1_MouseDown(
object sender, MouseEventArgs e) {
if (e.Button != MouseButtons.Left) return;
_dragging = true;
_xPos = e.X;
_yPos = e.Y;
}
private void pictureBox1_MouseMove(
object sender, MouseEventArgs e) {
if (!_dragging || _img == null ) return;
if (e.Button == MouseButtons.Left) {
_imgRect = new Rectangle(-(_xPos-e.X), -(_yPos - e.Y), _img.Width, _img.Height);
pictureBox1.Invalidate();
}
}
private void pictureBox1_Paint(
object sender, PaintEventArgs e) {
if (_img != null) {
e.Graphics.DrawImage(_img, _imgRect);
}
}
Use the MouseMove
event and a Mousebutton
check to determine the top/left of the target rectangle.使用
MouseMove
事件和Mousebutton
检查来确定目标矩形的顶部/左侧。 (Or maybe the center?) (或者也许是中心?)
Then trigger the Paint
event by calling pBox.Invalidate()
!然后通过调用
pBox.Invalidate()
触发Paint
事件!
Example:例子:
ImageClass anImage = null;
private void pb_canvas_Paint(object sender, PaintEventArgs e)
{
anImage.ImageDrawing(anImage.image, anImage.rectangle, e);
}
private void pb_canvas_MouseMove(object sender, MouseEventArgs e)
{
if (e.Button.HasFlag(MouseButtons.Left))
{
anImage.rectangle = new Rectangle(e.X, e.Y, anImage.image.Width, anImage.image.Height );
pb_canvas.Invalidate();
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.