一、窗体设计：
浏览图片的程序是这样搭建起来的：
在窗体中放置一个Panel组件，在Panel组件中放置一个PictureBox（我给它取名ImageBox，以下就用ImageBox这个名字代替这个控件了）组件、一个横向滚动条（hScorllBar）组件、一个纵向滚动条（vScorllBar）组件。其中，两个滚动条放置到位后将它们的Anchor属性分别设置成“Bottom, Left, Right”和“Top, Bottom, Right”。Image组件为了编辑方便可以现在Panel中随意放置，但在初始化或在加载图片时要将它的Location设置为“0,0”或根据ImageBox和Panel的大小将ImageBox居中放置在Panel中。这样才能保证图片显示时更加规范和专业。
为了在窗口缩放时Panel组件能够自动调整大小，所以把Panel组件的Anchor属性设置为“Top, Bottom, Left, Right”。
为了图片的缩放在显示时不变形，这里把ImageBox的SizeMode属性设置成“zoom”。
为了功能的实现，在窗体中还添加了openFileDialog控件和一个ToolMenu（上面添加一个按钮（手型，名叫moveButton），功能后续有介绍）。
最后窗体的布局如图所示。
二、程序功能的实现
（一）图片的载入
为了让程序简单点，图片的载入就通过双击Panel组件（DoubleClik事件）来完成。鼠标双击时，打开一个openFileDialog，通过openFileDialog获取图片文件的路径，并将图片加载到im
ageBox中。
当然载入图片的操作还不仅仅局限于此。这里我们还要做几件事：
（1）根据显示图片的大小设置imageBox的大小（Width、Height）
本程序里让imageBox的大小与原图的大小一致。
（2）判断是否需要显示滚动条以及设置滚动条的Maximum属性。
当显示的imageBox某一个方向的尺寸没有panel大时，就不需要显示该方向的滚动条；
某方向上滚动条显示时，它的Maximum应该为imageBox在该方向上的尺寸减去panel在该方向上的尺寸，再减去另一个方向上滚动条的尺寸（如果这个滚动条显示时）。
通过完成这两步的操作后，图片载入工作就算完成了。
（二）图片的移动
图片的移动在该程序中可以通过三种方式完成：
1、用鼠标拖动滚动条实现图片的移动
这是最简单的一种方式。只要在两个滚动条的ValueChanged事件中让对应方向上imageBox的坐标等于滚动条Value值就可以了。
2、通过鼠标拖拽图片实现图片的移动
这里面主要对imageBox的MouseDown、MouseMove和MouseUp三个鼠标事件进行处理。而处理的对象当然就是imageBox的Location属性和滚动条的Value属性了。
（1）MoveButton：
这里面还要用到上面提到的那个手型按钮（moveButton），就先从这个按钮讲起吧。它主要实现是否开启用鼠标拖拽图片移动的功能：当它被按下时，拖拽功能开启，反之则否。至于它的操作就在简单不过了：
moveButton.Checked = !moveButton.Checked;
（2）imageBox的MouseDown事件：
这个事件为鼠标拖拽实现图片的移动提供了一个先决条件，即：只有在鼠标被按下时移动鼠标才能移动图片，鼠标若没有被按下，则移动鼠标不能提动图片。这就需要声明一个窗体类Form1的一个变量来反映鼠标是否被按下。程序利用到的变量是private bool isMouseDown = false;
这个事件所要完成的第二个任务是记录鼠标按下时鼠标在imageBox中的坐标，作为后面移动图片的参考。程序中依然用在窗体类中声明的变量private Point StartP = new Point(0, 0);来实现这个坐标的记录。
（3）imageBox的MouseMove事件：
这个事件是处理的核心，也比较复杂。首先判断移动功能是否开启，在判断鼠标是否被按下。当然这两个步骤可以在一个if语句中完成。当满足这两个条件后，就进入实际的处理阶段了。处理阶段主要分为两个步骤：
A．计算出所需的移动量，并根据移动量是否合法（图片的移动是有范围的）来设定imageBox的坐标。处理过程如下：
a只需要将现在鼠标在imageBox中的坐标与刚才记录的起点坐标比较一下，计算出此次imageBox所需的移动量；
b在判断移动后的坐标是否合法；
c根据合理性设定imageBox的坐标。
B．根据imageBox和panel的尺寸确定是否显示相应的滚动条，并设定滚动条的Value。设定的方法和步骤基本和载入图片的过程类似，只是这里要根据imageBox的位置来设定滚动条的Value了。
（4）imageBox的MouseUp事件：
这个功能中最简单的事件。这里只需要判定鼠标是否按下的变量isMouseDown置成False就可以了，防止一次鼠标按下后永远鼠标的移动永远处于拖拽状态。
3、通过鼠标滚轮实现图片的移动
这里面只要依托imageBox的MouseWheel、KeyDown、KeyUp事件来实现。
这里另外提一下：这三个事件很奇怪，在pictureBox属性栏的事件列表中并不能到它们的身影，然而它们却是可用的。具体方法是打开“*.Designer.cs”文件（*代表窗体原文件的名称），在private void InitializeComponent()函数中到设置pictureBox属性的地方，在后面手动添加代码：
this.imageBox.KeyDown += new System.Windows.Forms.KeyEventHandler (this.imageBox_KeyDown);
this.imageBox.KeyUp += new System.Windows.Forms.KeyEventHandler (this.imageBox_KeyUp);
this.imageBox.MouseWheel += new System.Windows.Forms.MouseEventHandler (this.imageBox_MouseWheel);
并在“*.cs”窗体源文件中实现以上三个函数：
private void imageBox_KeyDown(object sender, 怎么把图片做成滚动图片KeyEventArgs e){}
private void imageBox_KeyUp(object sender, KeyEventArgs e){}
private void imageBox_MouseWheel(object sender, MouseEventArgs e){}
麻麻烦烦地算是把函数声明出来了。真不知道微软在这里搞什么鬼。
知道这三个函数后就先说一下思路：鼠标滚轮在本程序利要实现三个功能，分别是图片的处置方向移动、图片的水平方向移动和图片的缩放（下面会讲到），而区别这三个动作是凭借在滚动鼠标滚轮时是否有Ctrl键、Shift键按下。若没有按下这两个键滚动滚轮，则执行图片上下运动；若按下Shift键滚动滚轮，则执行图片左右移动；若按下Ctrl键滚动滚轮，则执行图片的缩放。
KeyDown和KeyUp两个事件处理结果类似，就是判断有哪个按键按下。其中KeyDown会根据按键的不同设定一个窗体类的变量private int keyAction = 0;的值，从而区分是哪个按键被按下；而KeyUp则负责将keyAction值置成代表一个没有按键被按下的值。
在MouseWheel事件中，首先根据keyAction的不同来做不同的动作。横向移动与纵向移动原理相同。只需要读取鼠标滚轮的滚动量（e.Delta），并将其设置为imageBox的移动量（当饭还要保证移动后的坐标合法），在适当设定滚动条是否显示及其Value值就可以了。
（三）图片的缩放
本程序中专门为图片的缩放写了一个函数：
private void zoom(Point center, int zoomIndexBy1000)
这个程序能够实现图片的center点在panel中不动，而实现缩放，缩放的倍数为zoomIndexBy1000/1000。之所以缩放因子被放大了1000倍是为了保证缩放中的精度（相当于计算中保留了小数点的后三位，到最后的结果再小数省略，保证计算精度）。下面讨论缩放功能的具体实现：
1、imageBox的缩放
在缩放过程中始终以imageBox.Width为基准进行，再通过图片的横纵比计算出imageBox.Height的大小。这样做就有效避免了两个方向独立缩放使得由于误差积累，经多次缩放后图片的横纵比与imageBox的横纵比不一致。这里的横纵比依然采取乘1000的方式，以减小计算误差。
 
2缩放后imageBox的定位
下面先讲一下图片缩放的数学模型。这里面只有几个简单的几何关系，其实很简单。
模型如下图所示。x，y是center在缩放前的imageBox里的坐标；x1，x2分别是缩放后在imageBox左右延伸出去的距离；y1，y2分别是缩放后在imageBox上下延伸出去的距离。可知
x1+x2=imageBox.Width缩放后- imageBox.Width缩放前
y1+y2=imageBox.Height缩放后- imageBox.Height缩放前
x1/(x1+x2)=x/ imageBox.Width缩放前
y1/(y1+y2)=y/ imageBox.Height缩放前
这样就可以通过imageBox缩放前后的尺寸以及中心点的坐标得到其缩放后位置的位移x1，x2。
x1=x*(imageBox.Height缩放后- imageBox.Height缩放前)/imageBox.Width缩放前
y1=y*(imageBox.Height缩放后-imageBox.Height缩放前) /imageBox.Height缩放前

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。