转至繁体中文版　　　  | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告：     敏韬网|教学资源学习资料永久免费分享站！  [mintao  2008年9月2日]        
您现在的位置： 学习笔记 >> 图文教程 >> 软件开发 >> VB.NET程序 >> 正文
利用.NET绘图技术制作水晶按钮控件    热     ★★★★

利用.NET绘图技术制作水晶按钮控件

作者：闵涛 文章来源：闵涛的学习笔记 点击数：2252 更新时间：2009/4/23 19:02:02

　作者：窦瑞欣

　　UI（User Interface）编程在整个项目开发过程中是个颇为重要的环节，任何好的解决方案若没有良好的用户界面呈现给最终用户，那么就算包含了最先进的技术也不能算是好程序。UI编程体现在两个方面，一是设计精美的用户界面，再有就是符合大多数用户习惯和易于使用的操作流程，而制作出精美的、绚丽多彩的用户界面是博得最终用户喜爱的第一步。我们就以制作一个水晶样式的三维按钮为例来丰富.Net界面素材库，为Windows 窗体程序增加亮点。

　　一、 技术要点

　　不可否认的是，Windows编程已经进入.Net时代，虽然现在的编程平台仍然是多家并存，但是微软的.Net框架类库已经全面占据了主流地位。.Net框架为我们提供了非常丰富的类、函数和方法，从桌面到Web它可以触及到编程的任何领域，以至于可以完全放弃Win32 API 的手工调用，因为.Net框架已经为我们准备好了一切。尤其是GDI+的发布，Win32程序员都应该非常清楚，在VC6和Delphi5、6、7下要想绘制不规则图形、设计独特样式的窗口控件是件多么不轻松的事情，我们需要返回当前设备指针，然后坐标映射，再调用标准的Win32 GDI函数来进行绘制操作，最后还得记着释放设备指针等一系列内存清理操作，现在有了.Net类库，我们只需在控件的OnPaint事件中通过e.Graphics返回Graphics对象，然后创建一个自定义的刷子对象Brush来填充Graphics表面，再创建一个Region对象设计好我们需要的控件轮廓，并将其赋给控件的Region属性，在这个过程中可以使用GDI+为我们提供的丰富的类和方法来设计美轮美奂的控件外观，这样一个全新的控件就创建完成了。

　　我们的示例控件是一个水晶样式的三维按钮，设计这样一个按钮控件其实并不复杂，我们只需要捕获OnPaint事件，并在事件中按照不同的按钮状态譬如：鼠标进入、鼠标悬停、鼠标单击以及鼠标离开等重新绘制按钮的外观。按钮的三维样式实际上就是三个矩形区域的叠加，即阴影位于最底层、按钮本身以及最顶层的按钮头部白色泡泡部分，这三部分有效的叠加就制作成了一个惟妙惟肖的水晶样式的按钮了，如下图所示：

 利用.NET绘图技术制作水晶按钮控件

利用.NET绘图技术制作水晶按钮控件


　　在这个示例中用到的比较关键的类是GraphicsPath、LinearGradientBrush和PathGradientBrush。我们已经知道，对于复杂的图形绘制操作都会用到GraphicsPath对象，GraphicsPath为我们提供了一个非常方便的解决方案，它由一系列直线和曲线组成，通过创建复杂的闭合路径，我们可以轻松创建任意不规则图形；LinearGradientBrush和PathGradientBrush对象是我们成功创建该示例程序的关键类，它们都继承于基类Brush，Brush对象定义用于填充图形形状的内部的对象。LinearGradientBrush按照起始和结束坐标以及渐变的起始和结束颜色来创建一个该类的实例，该类支持双色渐变和自定义多色渐变，所有渐变都是沿由矩形的宽度或两个点指定的直线定义的，默认情况下，双色渐变是沿指定直线从起始色到结束色的均匀水平线性混合，所以，根据这个特性我们利用该类来绘制按钮本身和按钮顶部的白色渐变部分，部分代码如下：

//创建按钮本身的图形
Rectangle rc = new Rectangle(btnOffset, btnOffset, this.ClientSize.Width - 8 - btnOffset, this.ClientSize.Height - 8 - btnOffset);
GraphicsPath path1 = this.GetGraphicsPath(rc, 20);
LinearGradientBrush br1 = new LinearGradientBrush(new Point(0, 0), new Point(0, rc.Height + 6), Color.Blue, Color.White);
//创建按钮顶部的白色渐变
Rectangle rc3 = rc;
rc3.Inflate(-5, -5); //
rc3.Height = 15;
GraphicsPath path3 = GetGraphicsPath(rc3, 20);
LinearGradientBrush br3 = new LinearGradientBrush(rc3, Color.FromArgb(255, Color.White), Color.FromArgb(0, Color.White), LinearGradientMode.Vertical)
　　PathGradientBrush类通过渐变填充 GraphicsPath对象的内部，它可以从路径的中点到路径的外边界边缘的进行平滑的彩色渐变，我们利用该类来创建按钮的阴影部分，CenterColor属性用来设定路径渐变的中心处的颜色即黑色，SurroundColors数组用来设定路径中点相对应的颜色的数组，部分代码如下：

Rectangle rc2 = rc;
rc2.Offset(shadowOffset, shadowOffset);
GraphicsPath path2 = this.GetGraphicsPath(rc2, 20);
PathGradientBrush br2 = new PathGradientBrush(path2);
br2.CenterColor = Color.Black;
br2.SurroundColors = new Color[] {SystemColors.ButtonFace};
//为了更逼真，我们将渐变结束颜色设定为窗体前景颜色，可以根据窗口的前景颜色适当调整
　　创建完该对象的实例后，阴影图形的内部被填充为一个放射状的渐变，也许读者会问，为什么得用PathGradientBrush填充图形内部，而不用LinearGradientBrush呢？其实原因很简单，就是为了保证按钮下方和右方的阴影渐变颜色和程度是一致的，否则若还使用线性渐变LinearGradientBrush，结果就是这样如下图：

利用.NET绘图技术制作水晶按钮控件
　　三个Brush对象的实例br1、br2和br3创建完成后，我们需要按照阴影、按钮本身，最后是按钮顶部的白色渐变部分这样的顺序来绘制它们。调用Graphics对象的FillPath方法分别使用三种不同的Brush对象来填充 GraphicsPath 的内部，这样具备水晶样式的三维按钮就基本创建完成了。最后，我们再利用.Net二级缓存绘图技术将按钮以及按钮上所显示的文字绘制到屏幕上。


[C语言系列][C#防止反编译].NET 产品版权保护方案 (.NET源码加…  [互联动态].NETFramework3.0新特性介绍与问答翻译
[Web开发]asp.net代码空格显示为……点号的原因及解决办法  [Web开发]asp.net调用压缩软件对文件进行压缩与解压缩的代码
[Web开发]详细介绍asp.net获取日期时间的各种格式的函数  [Web开发]如何将JS文件编译到ASP.NET项目里的DLL文件中
[Web开发]asp.net加密口令的最简单方法  [Web开发]目前asp.net开发主流工具软件介绍
[Web开发]asp.net中的反射介绍  [Web开发]制作留言板不使用数据库之asp.net操作XML文件的代…
教程录入：mintao    责任编辑：mintao 
  • 上一篇教程：

  • 下一篇教程：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　 注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]
    　　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    同类栏目
    · C语言系列  · VB.NET程序
    · JAVA开发  · Delphi程序
    · 脚本语言
    更多内容
    热门推荐 更多内容
  • 没有教程
    		•
    赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题，因而无法显示。
    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长：MinTao ICP备案号：鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网。A打造B、C、D……
    		咸宁网络警察报警平台