制作VS风格的Toolbox控件

简介:
   在前些日子里 , 我写了有十篇关于 WinForm  控件的制作教程 , 在这些教程里使用的例子都十分的简单 , 并且示例的控件基本没有什么用,是该写一个简单实用的控件的时候了。今天我就来制作一个 VS 风格的 ToolBox 工具箱。 VS 风格的 ToolBox QQ 的界面很相似,都是有多个栏目,并且这些栏目可以展开和折叠,当鼠标在某个子栏目上时,可以高亮显示,另外在 VS 风格的 ToolBox 中,点击选中项目的时候,要用特殊的颜色标识出来。如下图所示:
      o_Toolbox.JPG
       其实,控件的制作并不神秘,我们只需要把掌握的知识组合起来即可。现在我们动手来做这个控件,首先看看我们要处理哪些要点:

1. 创建控件的边框,我在前边的文章也讲过(),直接将代码复制过来,稍做修改即可。

2. 添加滚动条,因为我们的控件只需要垂直的滚动,所以我只只加入一个垂直的滚动条。

3. ToolBox包含多个Category,我们不但要创建Category类,还要创建这个类的集合。

4. 每一个Category包含多个Item,我们不但要创建ToolBoxItem类,还要创建这个类的集合。

5. 重载OnPaint方法,绘制控件的内容,在绘制的时候要注意滚动条的当前值,由于采用了双缓冲机制,所以每次总是将所有的内容重绘一次,不考虑ClipRect

6. 写一个方法,根据鼠标的坐标计算出鼠标指向的Item或者Category,这个方法是这个控件的核心。

7. 重载OnMouseMove方法,当鼠标指向某个Item的时候,高亮显示出来。

8. 重载 OnMouseDown方法,当鼠标在某个Item上按下的时候,用指定的颜色标识出来,如果鼠标按下的地方是一个Category,根据当前的情况展开或者时折叠这个category

9. 计算控件当前状态的内容的总的高度,用于设置滚动条的可见与不可见。

10.              暴露一个属性,用于为用户提供当前选中的Item

11.              声明一个ItemChanged事件,便于用户在选择另一个Item时添加处理的代码。

实现了上述的内容,这个控件也就基本完成了。由于代码并不复杂,我就不将代码列出来讲解了,我将提供代码的下载,大家在看代码的时候,如有不明白的地方,可以参考我前面的控件教程。因为只花了几个小时写的这个控件,难免还有一些问题,请大家指出。






本文转自纶巾客博客园博客,原文链接:http://www.cnblogs.com/guanjinke/archive/2007/01/10/617092.html,如需转载请自行联系原作者
目录
相关文章
|
7月前
|
数据可视化
使用 SAP UI5 3D Viewer 控件显示 3D 模型效果试读版
使用 SAP UI5 3D Viewer 控件显示 3D 模型效果试读版
33 0
|
11月前
|
数据安全/隐私保护
ApeForms | WinForm窗体UI美化库(Metro扁平风格)演示与安装
ApeForms是一套基于WinForm框架免费的UI库,提供了丰富的Metro风格控件、针对WinForm开发中常见类型的扩展、通用Dialog/Notification的模板等。
300 0
ApeForms | WinForm窗体UI美化库(Metro扁平风格)演示与安装
从零开始学Pyqt5之【控件介绍】(13):QFontDialog字体选择对话框控件
从零开始学Pyqt5之【控件介绍】(13):QFontDialog字体选择对话框控件
从零开始学Pyqt5之【控件介绍】(13):QFontDialog字体选择对话框控件
|
JavaScript
LeafLet实战-扩展工具栏指南
熟悉LeafLet的都知道,LeafLet自带的工具条只有两个按钮,一个放大和缩小。日常业务中,会用到许多的实用工具,比如测距,量测,如何扩展默认的工具条呢?解决方案如下两种:第一、自己基于dom创建页面元素,并挂载在其默认的工具栏中。第二、基于Leaflet.EasyButton进行扩展。
335 0
LeafLet实战-扩展工具栏指南
|
人工智能 搜索推荐 C#
Photoshop和WPF双剑配合,打造炫酷个性的进度条控件
结合Photoshop和WPF,共同创建一个矢量的个性化进度条。
499 0
Photoshop和WPF双剑配合,打造炫酷个性的进度条控件
|
Web App开发 C# Windows
制作一个简单的WPF图片浏览器
原文:制作一个简单的WPF图片浏览器 注:本例选自MSDN样例,并略有改动。先看效果: 这里实现了以下几个功能:1.  对指定文件夹下所有JPG文件进行预览2.  对选定图片进行旋转3.  对选定图片进行灰度处理4.  对选定图片进行裁切处理5.  无限制的恢复功能6. 类似加入购物车的功能以下来看看其实现过程。
943 0
|
C# Windows
使WPF程序应用预置的控件风格, 如Aero, Luna, Royale, Classic等
原文:使WPF程序应用预置的控件风格, 如Aero, Luna, Royale, Classic等      WPF预设有Aero, Classic, Luna, Royale主题, WPF程序会根据Windows主...
1231 0
|
C#
WPF 控件库——仿制Windows10的进度条
原文:WPF 控件库——仿制Windows10的进度条 一、其实有现成的   先来看看Windows10进度条的两种模式:       网上有不少介绍仿制Windows10进度条的文章,也都实现了不错的效果。
1323 0
|
Web App开发 算法 C#
WPF 控件库——仿制Chrome的ColorPicker
原文:WPF 控件库——仿制Chrome的ColorPicker 一、观察   项目中的一个新需求,需要往控件库中添加颜色拾取器控件,因为公司暂时还没有UI设计大佬入住,所以就从网上开始找各种模样的ColorPicker,找来找去我就看上了谷歌浏览器自带的,它长这个样:         看上去不错,可以搞!搞之前得观察一下这里面可能的一些坑。
1386 0