图所示 至于Down状态主要是在Over状态的基础上将文字往右下的方向稍微平移以实现下压的效果。
二、实现原理及难点 下面我们开始类的创建在Workspace的ClassView页中右击列表树的根结点选择New Class… 在弹出窗口中进行派生类的定义如下图所示注意你需要填写的只有Name和Base class两项其余的选项保持默认值就可以了。
按OK按钮退出之后我们可以在ClassView里面看到新创建的类的名字。
接下来我们可以为CXPButton类添加各种成员变量。
因为自绘控件说穿了就是画图所以在成员变量中可以看到各种与画图有关的数据类型一般来说成员变量会在类的构造函数中初始化在类的析构函数中销毁。
详细代码请参见本篇附带的源程序。
下面简要叙述一下按钮的实现原理 1. 在控件初始化时为按钮添加Owner Draw的属性。
这是因为在MFC中要想激活控件的自绘功能要求该控件的属性中必须包含属性值BS_OWNERDRAW这一步我们可以通过类向导为CXPButton类添加PreSubclassWindow函数在该函数中完成属性值的设置。
当激活控件的自绘功能之后每次控件状态改变的时候都会运行函数DrawItem该函数的作用就是绘制控件在各种状态下的外观。
2. 添加WM_MOUSELEAVE消息函数当鼠标指针离开按钮时触发该消息函数我们在函数中添加代码通知DrawItem函数鼠标指针已经离开了让按钮重绘。
3. 添加WM_MOUSEHOVER消息函数当鼠标指针位于按钮之上时触发该消息函数我们在函数重添加代码通知DrawItem函数鼠标指针现在正在按钮的上面让按钮重绘。
4. 添加DrawItem函数。
在DrawItem中根据按钮当前的状态绘制按钮的外观。
可以说自绘控件的大部分功能都是在这个函数中实现的。
DrawItem函数包含了一个LPDRAWITEMSTRUCT的指针本篇会在稍后予以讲解。
了解了基本的设计思路之后剩下就看我们怎么去实现了。
我本人觉得这里有两个难点首先是WM_MOUSELEAVE和WM_MOUSEHOVER不是标准的Windows消息函数它们不能通过类向导来添加所有的添加工作都需要通过手工输入代码来完成。
另一个难点是DrawItem中的LPDRAWITEMSTRUCT指针它指向了一个DRAWITEMSTRUCT的结构这个结构中包含了控件的各种细节为我们提供了实现自绘功能的必要信息。
难点一 事实上WM_MOUSELEAVE和WM_MOUSEHOVER两个Windows消息是通过WM_MOUSEMOVE消息触发的而WM_MOUSEMOVE是标准的Windows消息因此我们可以通过类向导来为CXPButton类添加WM_MOUSEMOVE消息函数。
函数的代码见如下这段代码非常有用在其它的自绘控件中如果想触发WM_MOUSELEAVE和WM_MOUSEHOVER消息也是使用类似的方法实现的。
void CXPButton::OnMouseMoveUINT nFlags CPoint point // TODO: Add your message handler code here and/or call default if m_bTracking TRACKMOUSEEVENT tme tme.cbSize sizeoftme tme.hwndTrack m_hWnd tme.dwFlags TME_LEAVE TME_HOVER tme.dwHoverTime 1 m_bTracking _TrackMouseEventamptme CButton::OnMouseMovenFlags point 我们接着添加WM_MOUSELEAVE和WM_MOUSEHOVER消息消息函数。
在CXPButton类的声明中即在XPButton.h文件中找到afx_msg void OnMouseMoveUINT nFlags CPoint point的函数声明紧接其下输入 afx_msg LRESULT OnMouseLeaveWPARAM wParam LPARAM lParam afx_msg LRESULT OnMouseHoverWPARAM wParam LPARAM lParam 然后在XPButton.cpp文件中找到ON_WM_MOUSEMOVE紧接其后输入 ON_MESSAGEWM_MOUSELEAVE OnMouseLeave ON_MESSAGEWM_MOUSEHOVER OnMouseHover 当然最后还有函数的实现了详细代码可见本篇提供的源程序这里就不再重复了。
难点二 下面我们看看DRAWITEMSTRUCE结构为我们提供了哪些有用信息呢 DRAWITEMSTRUCT结构的定义如下 typedef struct tagDRAWITEMSTRUCT UINT CtlType //控件类型 UINT CtlID //控件ID UINT itemID //菜单项、列表框或组合框中某一项的索引值 UINT itemAction //控件行为 UINT itemState //控件状态 HWND hwndItem //父窗口句柄或菜单句柄 HDC hDC //控件对应的绘图设备句柄 RECT rcItem //控件所占据的矩形区域 DWORD itemData //列表框或组合框中某一项的值 DRAWITEMSTRUCT PDRAWITEMSTRUCT LPDRAWITEMSTRUCT其实不仅是按钮控件其它控件如ComboBox、ListBox、StaticText等都是通过DRAWITEMSTRUCT来记录控件信息的。
关于这个结构的详细文档可参考本篇的附录。
也许你早已看到许多自绘按钮的例子实际上自绘按钮本身的函数结构都是差不多的它们显示效果的区别主要取决于代码编写者对GDI作图函数的运用与掌握程度。
有兴趣的朋友可以研究一下CXPButton类中DrawItem函数的数据结构其实只要修改一下其中GDI绘图函数的部分代码马上又能做出另一个自绘按钮控件了。
三、按钮类的使用 下面演示CXPButton类的使用。
往对话框中添加一个按钮控件假设它的ID值为IDC_BUTTON1。
进入类向导Class Wizard的Member Variables属性页为IDC_BUTTON1添加一个变量m_btnNormal。
确定退出后再进行编译就可以看到重新定义过XP风格按钮了。
如果你是之间把CXPButton的源文件引入自己的工程中的那么在上图的Variable type中是看不到CXPButton选项的。
但是可以通过以下方法加入 1. 首先保存工程后退出。
2. 在工程的目录下找到一个后缀名为.clw的文件将其删除。
但是为了以防万一还是建议你实现备份一下。
3. 重新打开工程进入类向导此时会看到一下一个弹出对话框我们选择“是Yes”。
4. 再选择“Add All”这样我们就可以在类向导中使用CXPButton的变量类型了。
四、小结与提示 对于按钮来说当按钮上面任何可见的部分发生变换的时候都要调用DrawItem函数进行重绘。
自绘制按钮必须设定BS_OWNERDRAW的属性设置的代码在PreSubclassWindows函数中完成。
另外为了防止系统字体设置的变化影响控件的表达效果还可以在该函数中为控件指定某种固定的字体。
但是要注意的是这个 让我们来回顾一下实现自绘按钮的基本步骤 a. 确定设计方案 b. 初始化但是记得要在函数退出前恢复先前的GDI对象并释放所占领的资源 c. 添加相应消息函数 d. 添加绘图函数DrawItem在DrawItem中作图的顺序一般是先画外边框再上底色接着写文字最后是画内边框。
不过有些人也喜欢把边框放到最后画这问题不大。
五、附录 DRAWITEMSTRUCT结构文档根据Msdn翻译 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 成员为合适值使
上一篇:
LCM常见不良代码
下一篇:
台湾海峡台风浪的数值模拟