C#图像显示实现拖拽、锚点缩放功能[转有耐心的小王]

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› Node.js›Node.js教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

1.图像拖拽

核心步骤：

①新建Point类型全局变量mouseDownPoint，记录拖拽过程中鼠标位置；

②MouseDown事件记录Cursor位置；

③MouseMove事件计算移动矢量，并更新pictureBox1.Location。

代码：

)
{
)
{
//记录鼠标左键按下时位置
; 
;
//鼠标滚轮事件(缩放时)需要picturebox有焦点
}
}
 
)
{
)
{
; 
}
}
 
)
{
//鼠标在picturebox上时才有焦点，此时可以缩放
)
{
//新的pictureBox1.Location(x,y)
//X方向，Y方向移动大小。
;
;
;
; 
);
;
; 
}
}
 
)
{
)
{
//记录鼠标左键按下时位置
;
;
}
}
 
)
{
)
{
;
}
}
 
)
{
//鼠标不在picturebox上时焦点给别的控件，此时无法缩放 
)
{
//新的pictureBox1.Location(x,y)
//X方向，Y方向移动大小。
;
;
;
;
);
;
;
}
}

来自CODE的代码片

picmove.cs

2.图像缩放

核心思想：利用picturebox的zoom模式，根据图像显示大小更改picturebox大小，记录鼠标位置补偿缩放位移，实现锚点缩放，即以鼠标位置为中心进行缩放。

代码：

//实现锚点缩放(以鼠标所指位置为中心缩放)；
//步骤：
//①先改picturebox长宽，长宽改变量一样；
//②获取缩放后picturebox中实际显示图像的长宽，这里长宽是不一样的；
//③将picturebox的长宽设置为显示图像的长宽；
//④补偿picturebox因缩放产生的位移，实现锚点缩放。
// 注释：为啥要②③步？由于zoom模式的机制，把picturebox背景设为黑就知道为啥了。
//这里需要获取zoom模式下picturebox所显示图像的大小信息，添加 using System.Reflection；
//pictureBox1_MouseWheel事件没找到。。。手动添加，别忘在Form1.Designer.cs的“Windows 窗体设计器生成的代码”里加入： 
//this.pictureBox1.MouseWheel += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseWheel)。
)
{
;
;
;
; 
//因缩放产生的位移矢量
//放大
{
//第①步
;
;
//第②步
|
);
);
//第③步
;
;
}
//缩小
{
//防止一直缩成负值
)
;
 
;
;
|
);
);
;
;
}
//第④步，求因缩放产生的位移，进行补偿，实现锚点缩放的效果
);
);
);
}