VC之美化界面篇
作者：白乔
链接：http://vcer.net/1046595482643.html
本文专题讨论 VC 中的界面美化，适用于具有中等 VC 水平的读者。读者最好具有以下 VC 基
础：
1. 大致了解 MFC 框架的基本运作原理；
2. 熟悉 Windows 消息机制，熟悉 MFC 的消息映射和反射机制；
3. 熟悉 OOP 理论和技术；
本文根据笔者多年的开发经验，并结合简单的例子一一展开，希望对读者有所帮助。
1 美化界面之开题篇
相信使用过《金山毒霸》、《瑞星杀毒》软件的读者应该还记得它们的精美界面：
图 1 瑞星杀毒软件的精美界面
程序的功能如何如何强大是一回事，它的用户界面则是另一回事。千万不要忽视程序的
用户界面，因为它是给用户最初最直接的印象，丑陋的界面、不友好的风格肯定会影响用户
对软件程序的使用。
“受之以鱼，不若授之以渔”，本教程并不会向你推荐《瑞星杀毒软件》精美界面的具
体实现，而只是向你推荐一些常用的美化方法。
2 美化界面之基础篇
美化界面需要先熟悉 Windows 下的绘图操作，并明白 Windows 的幕后绘图操作，才能有
的放矢，知道哪些可以使用，知道哪些可以避免……
2.1 Windows下的绘图操作
熟悉 DOS 的读者可能就知道：DOS 下面的图形操作很方便，进入图形模式，整个屏幕就
是你的了，你希望在哪画个点，那个地方就会出现一个点，红的、或者黄的，随你的便。你
也可以花点时间画个按钮，画个你自己的菜单，等等……
Windows 本身就是图形界面，所以 Windows 下面的绘图操作功能更丰富、简单。要了解
Windows 下的绘图操作，要实现 Windows 界面的美化，就必须了解 MFC 封装的设备环境类和
图形对象类。
2.1.1 设备环境类
Windows 下的绘图操作说到底就是 DC 操作。DC(Device Context 设备环境)对象是一个
抽象的作图环境，可能是对应屏幕，也可能是对应打印机或其它。这个环境是设备无关的，
所以你在对不同的设备输出时只需要使用不同的设备环境就行了，而作图方式可以完全不
变。这也就是 Windows 的设备无关性。
MFC 的 CDC 类封装了 Windows API 中大部分的画图函数。CDC 的常见操作函数包括：
Drawing-Attribute Functions：绘图属性操作，如：设置透明模式
Mapping Functions：映射操作
Coordinate Functions：坐标操作
Clipping Functions：剪切操作
Line-Output Functions：画线操作
Simple Drawing Functions：简单绘图操作，如：绘制矩形框
Ellipse and Polygon Functions：椭圆/多边形操作
Text Functions：文字输出操作
Printer Escape Functions：打印操作
Scrolling Functions：滚动操作
*Bitmap Functions：位图操作
*Region Functions：区域操作
*Font Functions：字体操作
*Color and Color Palette Functions：颜色/调色板操作
其中，标注*项会用到相应的图形对象类，参见 2.1.2 内容。
2.1.2 图形对象类
设备环境不足以包含绘图功能所需的所有绘图特征，除了设备环境外， Windows 还有
其他一些图形对象用来储存绘图特征。这些附加的功能包括从画线的宽度和颜色到画文本时
所用的字体。图形对象类封装了所有六个图形对象。
下面的表格列出了 MFC 的图形对象类：
MFC 类 图形对象句柄 图形对象目的
CBitmap HBITMAP 内存中的位图
CBrush HBRUSH 画刷特性—填充某个图形时所使用的颜色和模式
CFont HFONT 字体特性—写文本时所使用的字体
CPalette HPALETTE 调色板颜色
CPen HPEN 画笔特性—画轮廓时所使用的线的粗细
CRgn HRGN 区域特性—包括定义它的点
表 1 图形对象类和它们封装的句柄
使用 CDC 和图形对象类，在 Windows 里绘图还算是很简单的。观察以下的画面：
图 2 使用 CDC 绘制出的按钮
该画面通过以下代码自行绘制的假按钮：
BOOL CUi1View::PreCreateWindow(CREATESTRUCT& cs)
{
//设置背景色
//CBrush CUi1View::m_Back
m_Back.CreateSolidBrush(::GetSysColor(COLOR_3DFACE));
cs.lpszClass = AfxRegisterWndClass(0, 0, m_Back, NULL);
return CView::PreCreateWindow(cs);
}
int CUi1View::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
if (CView::OnCreate(lpCreateStruct) == -1)
return -1;
//创建字体
//CFont CUi1View::m_Font
m_Font.CreatePointFont(120, "Impact");
return 0;
}
void CUi1View::OnDraw(CDC* pDC)
{
//绘制按钮框架
pDC->DrawFrameControl(CRect(100, 100, 220, 160), DFC_BUTTON, DFCS_BUTTONPUSH);
//输出文字
pDC->SetBkMode(TRANSPARENT);
pDC->TextOut(120, 120, "Hello, CFan!");
}
呵呵，不好意思，这并不是真的 Windows 按钮，它只是一个假的空框子，当用户在按钮
上点击鼠标时，放心，什么事情都不会发生。
2.2 Windows的幕后绘图操作
在 Window 中，如果所有的界面操作都由用户代码来实现，那将是一个很浩大的工程。
笔者曾经在 DOS 设计过窗口图形界面，代码上千行，但实现的界面还是很古板、难看，除了
我那个对编程一窍不通的女友，没有一个人欣赏它 L；而且，更要命的是，操作系统，包括
别的应用程序并不认识你的界面元素，这才是真正悲哀的。认识这些界面的只有你的程序，
图 2 中的按钮永远只是一个无用的框子。
有了 Windows，一切都好办了，Windows 将诸如按钮、菜单、工具栏等等这些通用界面
的绘制及动作都交给了系统，程序员就不用花心思再画那些按钮了，可以将更多的精力放在
程序的功能实现方面。
所有的标准界面元素都被 Windows 封装好了。Windows 知道怎么画你的菜单以及你的标注着
“Hello, Cfan!”的按钮。当 CFan 某个快乐的小编(譬如：小飞)点击这个按钮的时候，
Windows 也明白按钮按下去的时候该有的模样，甚至，当这个友好的按钮获取焦点时，
Windows 也会不失时机地为它准备一个虚框……
有利必有弊。你的不满这时候产生了：你既想使用 Windows 的 True Button，可也嫌它
的界面不够好看，譬如，你喜欢用蓝色的粗体表达你对 CFan 的无限情怀(正如图 2 那样)——
人心不足，有办法吗？有的。
3 美化界面之实现篇
Windows 还是给程序员留下了很多后门，通过一些途径还是可以美化界面的。本章节我
们系统学习一下 Windows 界面美化的实现。
3.1 美化界面的途径
如何以合法的手段来达到美化界面的效果？一般美化界面的方法包括：
1. 使用 MFC 类的既有函数，设定界面属性；
2. 利用 Windows 的消息机制，截获有用的 Windows 的消息。通过 MFC 的消息映射(Message
Mapping)和反射(Message Reflecting)机制，在 Windows 准备或者正在绘制该元素时，
偷偷修改它的状态和行为，譬如：让按钮的边框为红色；
3. 利用 MFC 类的虚函数机制，重载有用的虚函数。在 MFC 框架调用该函数的时候，重新定
义它的状态和行为；
一般来说，应用程序可以通过以下两种途径来实现以上的方法：
1. 在父窗口里，截获自身的或者由子元素(包括控件和菜单等元素)传递的关于界面绘制的
消息；
2. 子类化子元素，或者为子元素准备一个新的类(一般来说该类必须继承于 MFC 封装的某
个标准类，如：CButton)。在该子元素里，截获自身的或者从父窗口反射过来的关于界
面绘制的消息。譬如：用户可以创建一个 CXPButton 类来实现具有 XP 风格的按钮，
CXPButton 继承于 CButton。
对于应用程序，使用 CXPButton 类的途径相对于对话框窗口和普通窗口分成两种：
① 对话框窗口中，直接将原先绑定按钮的 CButton 类替换成 CXPButton 类，或者在绑定变
量时直接指定 Control 类型为 CXPButton，如图 3 所示：
图 3 为按钮指定 CXPButton 类型
②在普通窗口中，直接创建一个 CXPButton 类对象，然后在 OnCreate()中调用 CXPButton
的 Create 方法；
以下的章节将综合地使用以上的方法，请读者朋友留心观察。
