我们在做程序设计时界面与功能，那个更加吸引用户的兴趣呢？这是一个很难回答的问题。拥有美丽的外观，软件就成功了一半。界面由控件、工具栏、菜单、窗体等元素组成，对他们进行美化就能得到一个美丽的界面。
目前界面编程技术包括MFC、win32 SDK 、CJLibrary、WTL以及一些界面开发包。文本介绍MFC界面编程技术。
一、控件自绘
控件的生成包括静态控件和动态控件的生成。动态控件是在应用程序运行过程中临时产生的。所以在进行动态控件的自绘时，方法比自绘静态控件复杂些。应该考虑控件的大小、宽高等。
|
自绘控件类型 |
静态控件 |
动态控件 |
|
绘制步骤 |
1、控件具有自绘属性。 2、响应OnDrawItem函数。 |
1、控件具有自绘属性。 2、响应OnMeasureItem函数。 3、响应OnDrawItem函数。 |
注:控件的自画需要响应四个消息：WM_MEASUREITEM, WM_DRAWITEM, WM_COMPAREITEM, 和WM_DELETEITEM.
combo box ，list box 销毁时响应OnDeleteItem
combo ，list box 排序时响应OnCompareItem
button, combo box, list box, or menu 创建时响应OnMeasureItem
button, combo box, list box, or menu 改变时响应OnDrawItem
OnDrawItem函数说明，函数定义为：
afx_msg void OnDrawItem(int nIDCtl,LPDRAWITEMSTRUCT lpDrawItemStruct);
参数说明：
nIDCtl：发送WM_DRAWITEM消息控件的ID值，如果该值为零，表明该消息由菜单控件发出的。
LpDrawItemStruct：指向一个DRAWITEMSTRUCT结构的指针， DRAWITEMSTRUCT 为需要自绘的控件或者菜单项提供了必要的信息。在需要绘制的控件或者菜单项对应的WM_DRAWITEM消息函数中得到一个指向该结构的指针。 DRAWITEMSTRUCT结构的定义如下：
typedef struct tagDRAWITEMSTRUCT {
UINT CtlType;
UINT CtlID;
UINT itemID;
UINT itemAction;
UINT itemState;
HWND hwndItem;
HDC hDC;
RECT rcItem;
ULONG_PTR itemData;
} DRAWITEMSTRUCT;
结构成员：
CtlType ：指定了控件的类型，其取值如下表所示。
取值 描述
ODT_BUTTON 按钮控件
ODT_COMBOBOX 组合框控件
ODT_LISTBOX 列表框控件
ODT_LISTVIEW 列表视图控件
ODT_MENU 菜单项
ODT_STATIC 静态文本控件
ODT_TAB Tab控件
CtlID： 指定了自绘控件的ID值，而对于菜单项则不需要使用该成员
itemID ：表示菜单项ID，也可以表示列表框或者组合框中某项的索引值。对于一个空的列表框或组合框，该成员的值为–1。这时应用程序只绘制焦点矩形（该矩形的坐标由rcItem 成员给出）虽然此时控件中没有需要显示的项，但是绘制焦点矩形还是很有必要的，因为这样做能够提示用户该控件是否具有输入焦点。当然也可以设置itemAction 成员为合适值，使得无需绘制焦点。
itemAction ：指定绘制行为，其取值可以为下表中所示值的一个或者多个的联合。
取值 描述
ODA_DRAWENTIRE 当整个控件都需要被绘制时，设置该值
ODA_FOCUS 如果控件需要在获得或失去焦点时被绘制，则设置该值。此时应该检查itemState成员，以确定控件是否具有输入焦点。
ODA_SELECT 如果控件需要在选中状态改变时被绘制，则设置该值。此时应该检查itemState 成员，以确定控件是否处于选中状态。
itemState ：指定了当前绘制操作完成后，所绘项的可见状态。例如，如果菜单项应该被灰色显示，则可以指定ODS_GRAYED状态标志。其取值可以为下表中所示值的一个或者多个的联合。
取值 描述
ODS_CHECKED 如果菜单项将被选中，则可设置该值。该值只对菜单项有用。
ODS_COMBOBOXEDIT 在自绘组合框控件中只绘制选择区域。
ODS_DEFAULT 默认值。
ODS_DISABLED 如果控件将被禁止，则设置该值。
ODS_FOCUS 如果控件需要输入焦点，则设置该值。
ODS_GRAYED 如果控件需要被灰色显示，则设置该值。该值只在绘制菜单时使用。
ODS_HOTLIGHT Windows 98/Me, Windows 2000/XP: 如果鼠标指针位于控件之上，则设置该值，这时控件会显示高亮颜色。
ODS_INACTIVE Windows 98/Me, Windows 2000/XP: 表示没有激活的菜单项。
ODS_NOACCEL Windows 2000/XP: 控件是否有快速键盘。
ODS_NOFOCUSRECT Windows 2000/XP: 不绘制捕获焦点的效果。
ODS_SELECTED 选中的菜单项。
hwndItem ：指定了组合框、列表框和按钮等自绘控件的窗口句柄；如果自绘的对象时菜单项，则表示包含该菜单项的菜单句柄。
hDC ：指定了绘制操作所使用的设备环境。
rcItem ：指定了将被绘制的矩形区域。这个矩形区域就是上面hDC的作用范围。系统会自动裁剪组合框、列表框或按钮等控件的自绘制区域以外的部分。也就是说rcItem中的坐标点（0，0）指的就是控件的左上角。但是系统不裁剪菜单项，所以在绘制菜单项的时候，必须先通过一定的换算得到该菜单项的位置，以保证绘制操作在我们希望的区域中进行。
itemData ：
对于菜单项，该成员的取值可以是由CMenu::AppendMenu、CMenu::InsertMenu或者CMenu::ModifyMenu等函数传递给菜单的值。
对于列表框或这组合框，该成员的值可以为由ComboBox::AddString、CComboBox::InsertString、CListBox::AddString或者CListBox::InsertString等传递给控件的值。
如果ctlType 的取值是ODT_BUTTON或者ODT_STATIC, itemData的取值为0
OnMeasureItem函数说明，函数定位：
afx_msg void OnMeasureItem(int nIDCtl,LPMEASUREITEMSTRUCT lpMeasureItemStruct);
参数说明：
nIDCtl：发送WM_MEASUREITEM消息控件的ID值，如果该值为零，表明该消息是由菜单控件发出的。
LpMeasureItemStruct：指向一个MEASUREITEMSTRUCT结构的指针，它的数据结构定义如下：
typedef struct tagMEASUREITEMSTRUCT {
UINT CtlType;
UINT CtlID;
UINT itemID;
UINT itemWidth;
UINT itemHeight;
DWORD itemData;
} MEASUREITEMSTRUCT;
CtlType：指定控件的类型.这个成员可以是下列的一个值:
取值 描述
ODT_BUTTON 自绘按钮
ODT_COMBOBOX 自绘组合框
ODT_LISTBOX 自绘列表框
ODT_LISTVIEW 自绘列表视图控件
ODT_MENU 自绘菜单
CtlID：指定组合框(combo box), 列表框(list box), 或 控钮(button)的标识符.这个成员不能在菜单中使用
ItemID：指定菜单项的标识符或组合框(combo box), 列表框(list box)的位置索引。列表框(list box)风格已经有LBS_OWNERDRAWVARIABLE时这个值才被指定。组合框(combo box)风格已经有CBS_OWNERDRAWVARIABLE风格时这个值才被指定。
ItemWidth：指定宽,单位象素,一个菜单项目.在从消息返回之前,自绘菜单项的所有者必需填充这个成员。
ItemHeight：指定高,单位象素,列表框(list box)一个个别的项或一个菜单.在从消息返回之前自绘组合框,列表框或菜单项必需填写这个参数。
ItemData：指定与应用程序定义的菜单项相关联的32位值.做为控件,这个参数指定值是最后指定给列表框(list box)或组合框(combo box)的LB_SETITEMDATA或CB_SETITEMDATA消息中的值.如果列表框(list box)或组合框(combo box)已经使用LB_HASSTRINGS或CB_HASSTRINGS风格这个最初值是零.否则,这个值最初的值是传给列表框(list box)或组合框(combo box)下列消息中lparam参数的一个值:
CB_ADDSTRING
CB_INSERTSTRING
LB_ADDSTRING
LB_INSERTSTRING
WM_MEASUREITEM与WM_DRAWITEM区别：在WM_MEASUREITEM消息影射函数中设置当前要画的Item的大小尺寸；创建控件。在WM_DRAWITEM消息影射函数中根据Item的大小尺寸来画该Item(图标/位图/字符串等)。
二、常用控件使用方法
1、按钮类
CButtonST目前见过的最强大，功能最全的CButton派生类。具体使用方法参考：http://www.vckbase.com/document/viewdoc/?id=517
2、菜单
自绘菜单的实现：
在VCKBASE上读到<<一种漂亮的自绘菜单>> (http://www.vckbase.com/document/viewdoc/?id=537)
应用到我的工程里后发现:文章中提到的效果能很好的实现,但是有一点不方便:需要映射
WM_DRAWITEM和WM_MEASUREITEM消息才能实现自画功能.这对于一个基于对话框的工程,或者
仅仅需要弹出式菜单的工程来说很不方便.网上有一种很有名的自绘菜单:BCMenu
(http://www.rocscience.com/~corkum/BCMenu.html)
(在附带工程中也有BCMenu),在使用它的时候并不需要映射上述的两个消息就能实现自绘效果.这个问题让我觉
得很困惑,MSDN也说明:MeasureItem()和DrawItem()两个虚函数是由框架调用的,并不用手工映射.可是若
不映射上述的两个消息则显示不正常.(我查看了好多资料,直到现在还是不明白原因 :))既然BCMenu
可以不用映射WM_DRAWITEM和WM_MEASUREITEM就能实现自画功能,那么它肯定经过了特殊处理.果然
,BCMenu::LoadMenu()对整个菜单作了处理.我注意到,如果菜单是弹出式的,那么不需要映射WM_DRAWITEM
和WM_MEASUREITEM就能实现自画功能.于是我在CMenuEx::LoadMenu()中重新构建了整个菜单,
把所有的子菜单创建为弹出式的菜单使用API函数::CreatePopupMenu(),代码如下:
BOOL CMenuEx::LoadMenu(UINT uMenu)
{
//重新读入菜单,创建为popup菜单,才能自画(由框架调用MesureItem() 和 DrawItem()
HMENU hMenu = ::CreateMenu();
this->Attach(hMenu);
CMenu Menu; //临时菜单(使用CMenu的LoadMenu()函数读入菜单,并以之为蓝本构建新的菜单)
UINT uID;
Menu.LoadMenu(uMenu);
for(int i = 0; i < (int)Menu.GetMenuItemCount(); i++)
{
uID = Menu.GetMenuItemID(i);
if(uID == 0) //分隔符
{
::AppendMenu(hMenu,MF_SEPARATOR,0,NULL);
}
else if((int)uID == -1) //弹出菜单(即子菜单)
{
CMenu *pSubMenu = Menu.GetSubMenu(i);
//创建子菜单
HMENU hSubMenu = ::CreatePopupMenu();
CString strPopup;
Menu.GetMenuString(i,strPopup,MF_BYPOSITION);
::InsertMenu(hMenu,i,MF_BYPOSITION | MF_POPUP | MF_STRING,(UINT)hSubMenu,strPopup);
//对子菜单递归调用ChangeMenuStyle(),把子菜单改为MF_OWNERDRAW风格
ChangeMenuStyle(pSubMenu,hSubMenu);
}
else //正常的菜单项
{
CString strText;
Menu.GetMenuString(uID,strText,MF_BYCOMMAND);
AppendMenu(MF_STRING,uID,strText);
}
}
Menu.DestroyMenu(); //销毁临时菜单
return TRUE;
}
void CMenuEx::ChangeMenuStyle(CMenu *pMenu,HMENU hNewMenu)
{
//关联为CMenuEx(关联为CMenuEx后才能自动重画
//原因不明(CMenu封装的结果?)
CMenuEx *pNewMenu;
pNewMenu = new CMenuEx;
pNewMenu->Attach(hNewMenu);
m_SubMenuArr.Add(pNewMenu);
UINT uID;
int nItemCount = pMenu->GetMenuItemCount();
for(int i = 0; i < nItemCount; i++)
{
uID = pMenu->GetMenuItemID(i);
if(uID == 0) //分隔符
{
::AppendMenu(hNewMenu,MF_SEPARATOR,0,NULL);
//pNewMenu->AppendMenu(MF_SEPARATOR,0,NULL);
CString strText;
MENUITEM *pMenuItem = new MENUITEM;
pMenuItem->uID = 0;
pMenuItem->uIndex = -1;
pMenuItem->uPositionImageLeft = -1;
pMenuItem->pImageList = &m_ImageList;
m_MenuItemArr.Add(pMenuItem);
::ModifyMenu(hNewMenu,i,MF_BYPOSITION | MF_OWNERDRAW,-1,(LPCTSTR)pMenuItem);
}
else if(uID == -1) //弹出菜单(即子菜单)
{
CMenu *pSubMenu = pMenu->GetSubMenu(i);
HMENU hPopMenu = ::CreatePopupMenu();
CString strPopup;
pMenu->GetMenuString(i,strPopup,MF_BYPOSITION);
::InsertMenu(hNewMenu,i,MF_BYPOSITION | MF_POPUP,(UINT)hPopMenu,strPopup);
MENUITEM *pMenuItem = new MENUITEM;
pMenuItem->uID = -1;
pMenuItem->strText = strPopup;
pMenuItem->uIndex = -1;
pMenuItem->uPositionImageLeft = -1;
pMenuItem->pImageList = &m_ImageList;
m_MenuItemArr.Add(pMenuItem);
::ModifyMenu(hNewMenu,i,MF_BYPOSITION | MF_OWNERDRAW,-1,(LPCTSTR)pMenuItem);
ChangeMenuStyle(pSubMenu,hPopMenu);
}
else //正常的菜单项
{
CString strText;
pMenu->GetMenuString(uID,strText,MF_BYCOMMAND);
MENUITEM *pMenuItem = new MENUITEM;
pMenuItem->uID = pMenu->GetMenuItemID(i);
pMenu->GetMenuString(pMenuItem->uID,pMenuItem->strText,MF_BYCOMMAND);
pMenuItem->uIndex = -1;
pMenuItem->uPositionImageLeft = -1;
pMenuItem->pImageList = &m_ImageList;
m_MenuItemArr.Add(pMenuItem);
UINT uState = pMenu->GetMenuState(i,MF_BYPOSITION);
::AppendMenu(hNewMenu,MF_OWNERDRAW | MF_BYCOMMAND | uState,uID,(LPCTSTR)pMenuItem);
}
}
}
这样,利用标注的CMenu::LoadMenu()函数读入菜单,并根据这个菜单重新构建一个新的菜单,在新菜单中把所有的
子菜单创建为弹出式菜单并关联一个CMenuEx类.根据需要,我提供了一个CMenuEx::LoadToolBar(UINT
uToolBar, UINT uFace)接口.请注意它的两个参数:uToolBar
是工具条的资源,uFace是一个替代位图的资源ID.因为VC6.0中做一个真彩工具栏并不是一件容易的事,所以我
做了一个小动作:用IDE的资源编辑器随便编辑一个工具条,只要ID和菜单ID相对应即可,然后可以用外部编辑器
编辑好真正要使用的位图(顺序和工具条资源的顺序一样),并把该位图作为uFace参数传入,菜单就可以有真彩
图标了.
CMenuEx还提供了如下三个接口
BOOL ModifyMenuEx()
BOOL AppendMenuEx()
BOOL RemoveMenuEx()
功能一目了然,只是增加了对自绘风格的处理,应用的时候只要像调用普通的CMenu::AppendMenu()等函数一样
就自动拥有自绘风格了.我写这篇文章的目的在于提出菜单派生类调用MeasureItem()和DrawItem()的问题
.至于实现漂亮的菜单界面主要工作当然还是在DrawItem()函数中做,有特殊需要的可以自行定义MENUITEM
结构,重新写DrawItem()函数.我没有提供设置菜单附加位图的具体代码,相信这个不是问题,你可
以很容易的通过重写DrawItem()实现.有必要提醒的是:有关一个菜单项的信息最好能完全从一个MENUITEM
结构中取得,使virtual void MeasureItem(LPMEASUREITEMSTRUCT lpMIS);
virtual void DrawItem(LPDRAWITEMSTRUCT lpDIS);
两个函数完全不依赖于CMenuEx类的数据成员.
要在工程中使用CMenuEx很简单:
1.把MenuEx.h和MenuEx.cpp加入到你的工程中
2.声明一个CMenuEx对象.例如m_Menu;
3.调用m_Menu.LoadMenu(IDR_MENU1);读入菜单
4.若需要使用菜单位图则调用m_Menu.LoodToolBar();
效果如下:
MenuEx.jpg,MenuExPopup.jpg
最后,对<<一种漂亮的自绘菜单>> 的作者郑恒给予我的帮助表示衷心感谢!
3、工具条使用方法
http://www.vckbase.com/document/viewdoc/?id=629
http://www.vckbase.com/document/listdoc.asp?mclsid=3&sclsid=305
4、CToolTipCtrl使用方法
ToolTip是Win32中一个通用控件，用于提示信息的显示，MFC中为其生成了一个类CToolTipCtrl，总的说来其使用方法是较简单的，下面讲一下它的一般用法和高级用法。
一般用法步骤：
添加CToolTipCtrl成员变量 m_tt。
在父窗口中调用EnableToolTips(TRUE);
在窗口的OnCreate（或者其他适当的位置）中向ToolTip中添加需要显示Tip的子窗口，并同时指定相应的显示字串CToolTipCtrl::AddTool(pWnd,"string to display")。
重载父窗口的 BOOL PreTranslateMessage(MSG* pMsg) ，在函数中调用 m_tt.RelayEvent(pMsg)。
下面假设在窗口CWndYour中使用CToolTipCtrl
在类定义中添加变量说明：
class CWndYour:xxx
line-height: 19px;