C#做的浏览图片的程序

一、窗体设计：浏览图片的程序是这样搭建起来的：在窗体中放置一个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获取图片文件的路径，并将图片加载到imageBox中。当然载入图片的操作还不仅仅局限于此。这里我们还要做几件事：（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的一个变量来反映鼠标是否被按下。程序利用到的变量是privateboolisMouseDown=false;这个事件所要完成的第二个任务是记录鼠标按下时鼠标在imageBox中的坐标，作为后面移动图片的参考。程序中依然用在窗体类中声明的变量privatePointStartP=newPoint(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”文件（*代表窗体原文件的名称），在privatevoidInitializeComponent()函数中找到设置pictureBox属性的地方，在后面手动添加代码：this.imageBox.KeyDown+=newSystem.Windows.Forms.KeyEventHandler(this.imageBox_KeyDown);this.imageBox.KeyUp+=newSystem.Windows.Forms.KeyEventHandler(this.imageBox_KeyUp);this.imageBox.MouseWheel+=newSystem.Windows.Forms.MouseEventHandler(this.imageBox_MouseWheel);并在“*.cs”窗体源文件中实现以上三个函数：privatevoidimageBox_KeyDown(objectsender,KeyEventArgse){}privatevoidimageBox_KeyUp(objectsender,KeyEventArgse){}privatevoidimageBox_MouseWheel(objectsender,MouseEventArgse){}麻麻烦烦地算是把函数声明出来了。真不知道微软在这里搞什么鬼。知道这三个函数后就先说一下思路：鼠标滚轮在本程序利要实现三个功能，分别是图片的处置方向移动、图片的水平方向移动和图片的缩放（下面会讲到），而区别这三个动作是凭借在滚动鼠标滚轮时是否有Ctrl键、Shift键按下。若没有按下这两个键滚动滚轮，则执行图片上下运动；若按下Shift键滚动滚轮，则执行图片左右移动；若按下Ctrl键滚动滚轮，则执行图片的缩放。KeyDown和KeyUp两个事件处理结果类似，就是判断有哪个按键按下。其中KeyDown会根据按键的不同设定一个窗体类的变量privateintkeyAction=0;的值，从而区分是哪个按键被按下；而KeyUp则负责将keyAction值置成代表一个没有按键被按下的值。在MouseWheel事件中，首先根据keyAction的不同来做不同的动作。横向移动与纵向移动原理相同。只需要读取鼠标滚轮的滚动量（e.Delta），并将其设置为imageBox的移动量（当饭还要保证移动后的坐标合法），在适当设定滚动条是否显示及其Value值就可以了。（三）图片的缩放本程序中专门为图片的缩放写了一个函数：privatevoidzoom(Pointcenter,intzoomIndexBy1000)这个程序能够实现图片的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缩放前通过这个数学模型，编程实现已经不成问题了，这里就不多说了。3设置滚动条是否可见滚动条的Maximum以及Value值。前面已有相关叙述，这里就不多讲了。以上是针对缩放函数的，而在imageBox的MouseWheel中就只是实现了判段Ctrl键是否被按下，若按下则执行缩放。这里只检测鼠标滚轮是正向滚动还是反向滚动。正向滚动放大，每次放大到原来的1.1倍（zoomIndexBy1000=1100）；正向滚动缩小，每次放大到原来的0.9倍（zoomIndexBy1000=900）。（四）窗体缩放在窗体缩放过程中，横向和纵向都各有如图所示的四种情况，并且横向和纵向的情况可能出现交叉（横向对应情况2，纵向可能对应情况4。把两个方向独立开，就能画出这种情况）。针对不同情况，所做的处理不同。为了处理问题方便，在窗体缩放过程中将横向和纵向分开处理。这里仅就横向问题展开讨论（纵向问题用同样方式处理即可）。图1所示情况：imageBox完全在panel中；窗体缩放后将imageBox置于panel横向中心。图2所示情况：imageBox比panel大，但imageBox有没有完全填充panel，右侧有剩余；窗体缩放后imageBox右侧与panel右侧取齐。图3所示情况：与图2类似，只是左侧有剩余；窗体缩放后imageBox左侧与panel左侧取齐。图4所示情况：imageBox比panel大，且充满panel；窗体缩放后保证窗体横向显示中心的图样不变。具体数学关系这里就不再详细推到了，可以看我的程序。另外在需要滚动条的时候还要注意调整滚动条，尤其这里要调整滚动条的Maximum值。好了，我做的工作基本都说完了。下面我打算把这些工作做成一个图像浏览的控件。名字都想好了，就叫ImageView。有时间一定把它完成。啊！都凌晨4点了，该睡了。Form1.csCode:1.usingSystem;2.usingSystem.Collections.Generic;3.usingSystem.ComponentModel;4.usingSystem.Data;5.usingSystem.Drawing;6.usingSystem.Linq;7.usingSystem.