如何用C#实现漂亮的动态图像按钮

《如何用C#实现漂亮的动态图像按钮》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、前一阵子参与一个项目开发，好友总是抱怨工具栏按钮太简陋了：要是弄得炫一点该多好啊，看看人家Mac的桌面工具栏！事实也的确如此，现在越来越多的程序界面做的是相当的酷啊，无论是什么平台Mac、Windows还是Linux，其界面元素越来越丰富，一个小小的button背景都要在鼠标的不同事件激活下渐变来渐变去。但是，遍历VSIDE中默认的工具集合我们是无论如何也找不到如此复杂的控件的，所以，我们必须借助强大的.Net框架以及GDI+自己动手来制作类似的工具栏按钮控件。我们要创建的控件简单说就是一个动态渐变的图片按钮，示例程序界面如下：这个button控件依旧继

2、承自UserControl，UserControl是制作自定义UI控件绝对的父类，这里不再细说。我们为这个button取名为DynamicImageButton。制作图像按钮当然离不开绘制，所以还得用到GDI+，我曾经写过多篇关于界面元素的文章，比如”利用.Net绘图技术制作水晶按钮控件”、”利用C#实现任务栏通知窗口”、”利用C#为数码照片添加拍照日期”、”C#实现运行时拖动控件并调整控件大小”等等，其中都会涉及到GDI+的诸多方面，可见GDI+在设计制作UI上是多么的重要啊！对于按钮图片透明度渐变的操作则比较有技巧，采取了个人认为比较另类却极其高效的

3、方法。制作图片按钮肯定是要为这个button赋值一个图像文件的，我们需要公开一个属性，代码如下：publicBitmapImage{get{returnbmp[0];}set{bmp[0]=value;lbmp[1]=returnAlpha(value,60);bmp[2]=returnAlpha(value,120);;bmp[3]=returnAlpha(value,180);;draw();}}大家注意到，当给这个DynamicImageButton的image属性赋值一幅图片后，立即就会对这个原始图片经过4种不同的alpha过滤后分别存放到bmp

4、位图数组下。bmp[0]保存原始图像，bmp[3]的图像则最透明。这就是本程序的特点所在，也就是在运行时是不进行图像透明度渐变计算的，在给image属性赋值时计算工作同时也已经完成了，这样可以省下鼠标移动事件的巨大计算量。returnAlpha方法就是将原始图像中的每一个像素按照相应的alpha值进行重新绘制后保存在bmp数组中，不同透明度的图像作为bmp数组的不同元素进行保存。代码如下：publicstaticBitmapreturnAlpha(Bitmapbmp,intalpha){Colorcol;Bitmapbmp2=newBitmap(bmp)

5、;for(inti=0;i0)bmp2.SetPixel(i,j,Color.FromArgb(min(col.A-alpha),col.R,col.G,col.B));}returnbmp2;}到这里大家可能就已经明白我的用意了，没错！从原始图像到最终图像的透明渐变我只设计了4帧！其实，这对于一个小小的button动画来说已经完全足够了。对于图像的绘制方法我们仍旧采用双缓冲区绘制，也就是内存复制，实际上就

6、是双bitmap对象交替使用，这样可以更好的防止图像闪烁(参见我的另一篇文章”.NET框架下使用双缓冲技术绘图”)。相关代码如下：privatevoidDynamicImageButton_Paint(objectsender,System.EventArgse){g2=Graphics.FromImage(dblbuffer);g2.Clear(this.BackColor);curx=(int)((double)Width)/6;cury=(int)((double)Height)/6;curwidth=(int)((double)Width)/3*

7、2;curheight=(int)((double)Height)/3*2;itvwidth=(Width-curwidth)/2;g2.DrawImage(bmp[3],curx,cury,curwidth,curheight);g.DrawImageUnscaled(dblbuffer,0,0);}然后就是对图像大小渐变的控制了，如下图所示：a、b、c和d四个矩形代表不同大小的4个帧，a帧是装载图像时的默认大小，就是bmp[0]的图像，也是4帧中最大的一帧，width=75和height=72是我们示例程序控件的大小，网友可以随意对长宽进行重新设定。

8、这两个数值是基础，bmp[0]的图像会完全填充到这个区域内，在这个给定的长和宽的