找回密码
 注册
搜索
查看: 6608|回复: 0

VC之美化界面篇

[复制链接]
发表于 2006-12-14 13:11:14 | 显示全部楼层 |阅读模式
  1. 美化界面之开题篇/ Y1 n; i8 u: w4 t7 E5 Y6 ~
  相信使用过《金山毒霸》、《瑞星杀毒》软件的读者应该还记得它们的精美界面:
图1 瑞星杀毒软件的精美界面
  程序的功能如何如何强大是一回事,它的用户界面则是另一回事。千万不要忽视程序的用户界面,因为它是给用户最初最直接的印象,丑陋的界面、不友好的风格肯定会影响用户对软件程序的使用。
+ y, t; p# }, o' I8 \; k% ^  “受之以鱼,不若授之以渔”,本教程并不会向你推荐《瑞星杀毒软件》精美界面的具体实现,而只是向你推荐一些常用的美化方法。# q, Z$ i5 {4 S& F' ~8 d$ Z
# ]0 }! v/ }3 w+ ~) P
  2. 美化界面之基础篇/ L" ~. ~: P; J) R
  美化界面需要先熟悉Windows下的绘图操作,并明白Windows的幕后绘图操作,才能有的放矢,知道哪些可以使用,知道哪些可以避免……
: w+ @* R( x1 n& {! B+ G5 L, Y2 E# ?3 h& @0 C' @5 p: u; U
  2.1 Windows下的绘图操作7 c( c% h2 x  H3 m: y
  熟悉DOS的读者可能就知道:DOS下面的图形操作很方便,进入图形模式,整个屏幕就是你的了,你希望在哪画个点,那个地方就会出现一个点,红的、或者黄的,随你的便。你也可以花点时间画个按钮,画个你自己的菜单,等等……
+ {( {/ A. f9 X4 C4 l  ]  Windows本身就是图形界面,所以Windows下面的绘图操作功能更丰富、简单。要了解Windows下的绘图操作,要实现Windows界面的美化,就必须了解MFC封装的设备环境类和图形对象类。0 d1 L4 H1 J! b# G9 K
. ~6 x0 `& E" t! c- R2 X
  2.1.1 设备环境类+ R7 v, c% o. I$ `. Q6 o6 a' w6 x
  Windows下的绘图操作说到底就是DC操作。DC(Device Context设备环境)对象是一个抽象的作图环境,可能是对应屏幕,也可能是对应打印机或其它。这个环境是设备无关的,所以你在对不同的设备输出时只需要使用不同的设备环境就行了,而作图方式可以完全不变。这也就是Windows的设备无关性。3 m- x7 F* ?% \" f. h* {4 O3 @
  MFC的CDC类封装了Windows API 中大部分的画图函数。CDC的常见操作函数包括:' R% ?) [8 }- {( H, p  M
  Drawing-Attribute Functions:绘图属性操作,如:设置透明模式
* n: N9 k( B! ?: j; z9 ]  Mapping Functions:映射操作+ T; B5 _5 a8 h% Y. I
  Coordinate Functions:坐标操作3 z6 m, A& {: k: A9 W* o. N+ w
  Clipping Functions:剪切操作
, x' R2 y4 l, Y6 D0 L! m  Line-Output Functions:画线操作
3 c$ J( y1 ~/ }5 \0 P+ l- h0 M  Simple Drawing Functions:简单绘图操作,如:绘制矩形框$ i# D9 I: \2 A8 E
  Ellipse and Polygon Functions:椭圆/多边形操作' t; V4 o6 Y/ ]  S' x+ X
  Text Functions:文字输出操作" [! h: }% \6 G/ T$ r# v: c
  Printer Escape Functions:打印操作: ]* r7 h0 I( H* p: w8 j
  Scrolling Functions:滚动操作
& j8 ^. k9 K$ J) j& V5 _/ s  *Bitmap Functions:位图操作- a  w+ [2 r& _4 N
  *Region Functions:区域操作- \. w4 q, g) F3 d. E
  *Font Functions:字体操作
7 [2 P* R+ M0 m7 Q' Q  *Color and Color Palette Functions:颜色/调色板操作: B' N3 h% w3 q: P
  其中,标注*项会用到相应的图形对象类,参见2.1.2内容。
4 \" j6 G7 Q, j9 K, O9 E" E3 e2 W3 i0 ]  ~) Q
  2.1.2 图形对象类
8 n  M* N. `, k* P' ]) k) \  设备环境不足以包含绘图功能所需的所有绘图特征,除了设备环境外, Windows还有其他一些图形对象用来储存绘图特征。这些附加的功能包括从画线的宽度和颜色到画文本时所用的字体。图形对象类封装了所有六个图形对象。
: i1 [  y* d8 {- E) ]/ a  下面的表格列出了MFC的图形对象类:
4 ~9 E3 Z* I4 a% }+ _  MFC类 图形对象句柄 图形对象目的7 z; c7 I8 H1 i1 `2 x; V& m( K. S
  CBitmap HBITMAP 内存中的位图! R. Q- }: l4 _1 Z5 Q7 n$ Z
  CBrush HBRUSH 画刷特性—填充某个图形时所使用的颜色和模式) R+ b8 D! |6 @$ D7 a7 A9 D5 a
  CFont HFONT 字体特性—写文本时所使用的字体
2 E+ J6 K8 B8 \7 f3 ~+ c  CPalette HPALETTE 调色板颜色& k7 ?8 _7 P! h1 D1 n
  CPen HPEN 画笔特性—画轮廓时所使用的线的粗细) ^6 K; H6 R3 Z2 X. G9 n9 j
  CRgn HRGN 区域特性—包括定义它的点
$ |$ C- r4 i4 E7 q9 @4 @3 f  表1 图形对象类和它们封装的句柄
) X! U8 S" Q  e# @+ Q% C, Z0 `2 `; `3 `" Z) X2 e5 M( [$ ~
  使用CDC和图形对象类,在Windows里绘图还算是很简单的。观察以下的画面: - r0 ?+ W* g6 Z+ G* t
图2 使用CDC绘制出的按钮
  该画面通过以下代码自行绘制的假按钮:* G+ i5 e7 _& k" h" n0 d! ^. g

  1. 4 g: b9 q1 Y& I) P* s
  2. BOOL CUi1View::PreCreateWindow(CREATESTRUCT& cs)
    . P- U" @5 k. S/ A
  3. {
    1 ?* g- U4 {$ |* M6 M  I
  4.         //设置背景色3 p& M, n: ^# Q$ s: ?0 D
  5.         //CBrush CUi1View::m_Back! M' U- ]4 J' d
  6.         m_Back.CreateSolidBrush(::GetSysColor(COLOR_3DFACE));
    ) a4 ]$ t$ |( J4 i* B) l; N
  7.         cs.lpszClass = AfxRegisterWndClass(0, 0, m_Back, NULL);
    " l+ x' P4 a) `6 k6 e+ g: k
  8.        return CView::PreCreateWindow(cs);, B. n# N6 c) S0 M0 L4 ~
  9. }
    7 V7 v! Q4 ^0 K
  10. int CUi1View::OnCreate(LPCREATESTRUCT lpCreateStruct)" c" O% h* G; d3 }- f2 J4 H
  11. {5 w& ?, X/ `, s) O/ W
  12.         if (CView::OnCreate(lpCreateStruct) == -1)
    1 ?% c( v  i9 q
  13.                 return -1;
    / s6 c2 ^' \: g
  14.         //创建字体3 N& }3 J# Z1 Q; \- s/ p
  15.         //CFont CUi1View::m_Font
    2 t. b! w* S* V0 X5 l
  16.         m_Font.CreatePointFont(120, "Impact"); 0 \  Y7 @* @1 W
  17.                return 0;0 [! k2 H! J, M6 ?: A
  18. }
    - A# Q$ F" E* S* F
  19. void CUi1View::OnDraw(CDC* pDC)( T* P4 T' A3 b+ L2 S' S
  20. {
    # W/ }: f# a: O
  21.         //绘制按钮框架
    + }. G+ M3 O) u4 g
  22.         pDC->DrawFrameControl(CRect(100, 100, 220, 160), DFC_BUTTON, DFCS_BUTTONPUSH);( `& k. @; O6 C$ F9 ~! q
  23.         //输出文字
    ! X$ y8 P# `: d/ o
  24.         pDC->SetBkMode(TRANSPARENT);/ U& }& `2 {- G2 Z: }3 c
  25.         pDC->TextOut(120, 120, "Hello, CFan!");
    # o$ D5 i  n5 B; Z
  26. }
复制代码

2 z; p! D  [/ F: d' Z' }! C  呵呵,不好意思,这并不是真的Windows按钮,它只是一个假的空框子,当用户在按钮上点击鼠标时,放心,什么事情都不会发生。 ( }; _4 X3 l, A1 M9 ]7 _2 ]) ~2 ^
/ w! c! j# t# D' N, Q% L# B
  2.2 Windows的幕后绘图操作
( ]+ Q: E# U2 Q  在Window中,如果所有的界面操作都由用户代码来实现,那将是一个很浩大的工程。笔者曾经在DOS设计过窗口图形界面,代码上千行,但实现的界面还是很古板、难看,除了我那个对编程一窍不通的女友,没有一个人欣赏它L;而且,更要命的是,操作系统,包括别的应用程序并不认识你的界面元素,这才是真正悲哀的。认识这些界面的只有你的程序,图2中的按钮永远只是一个无用的框子。
& x  Z2 v9 u/ C6 u9 J2 L9 T  有了Windows,一切都好办了,Windows将诸如按钮、菜单、工具栏等等这些通用界面的绘制及动作都交给了系统,程序员就不用花心思再画那些按钮了,可以将更多的精力放在程序的功能实现方面。# v. o5 w1 Z# E3 u' z
  所有的标准界面元素都被Windows封装好了。Windows知道怎么画你的菜单以及你的标注着“Hello, Cfan!”的按钮。当CFan某个快乐的小编(譬如:小飞)点击这个按钮的时候,Windows也明白按钮按下去的时候该有的模样,甚至,当这个友好的按钮获取焦点时,Windows也会不失时机地为它准备一个虚框……: ?1 K( D  p; l. Y
  有利必有弊。你的不满这时候产生了:你既想使用Windows的True Button,可也嫌它的界面不够好看,譬如,你喜欢用蓝色的粗体表达你对CFan的无限情怀(正如图2那样)——人心不足,有办法吗?有的。$ t: ?. o2 `$ O

1 f+ c  b0 \/ K' U$ ^  e  3. 美化界面之实现篇
3 g) e0 X% J5 \$ j  Windows还是给程序员留下了很多后门,通过一些途径还是可以美化界面的。本章节我们系统学习一下Windows界面美化的实现。
- M2 ?/ `) W+ p2 w, r$ q
9 _- l0 t" Q# r! e" R, b' \! s7 N  3.1 美化界面的途径, [) d  r; G* p# ^/ t' q
  如何以合法的手段来达到美化界面的效果?一般美化界面的方法包括:
3 A8 x: I$ `$ J6 Y2 W! n  1. 使用MFC类的既有函数,设定界面属性;
1 I% f" H. r/ a* C  2. 利用Windows的消息机制,截获有用的Windows的消息。通过MFC的消息映射(Message Mapping)和反射(Message Reflecting)机制,在Windows准备或者正在绘制该元素时,偷偷修改它的状态和行为,譬如:让按钮的边框为红色;/ x( T" q' H# a% B* }
  3. 利用MFC类的虚函数机制,重载有用的虚函数。在MFC框架调用该函数的时候,重新定义它的状态和行为;) J1 _/ c% u/ [
  一般来说,应用程序可以通过以下两种途径来实现以上的方法:8 E/ c9 f! X1 b( H) \8 t6 q
  1. 在父窗口里,截获自身的或者由子元素(包括控件和菜单等元素)传递的关于界面绘制的消息;
8 B2 c8 E; L# R+ p' a+ R) L& Y3 q. d  2. 子类化子元素,或者为子元素准备一个新的类(一般来说该类必须继承于MFC封装的某个标准类,如:CButton)。在该子元素里,截获自身的或者从父窗口反射过来的关于界面绘制的消息。譬如:用户可以创建一个CXPButton类来实现具有XP风格的按钮,CXPButton继承于CButton。3 r3 ?' @2 c4 A  u3 Q
  对于应用程序,使用CXPButton类的途径相对于对话框窗口和普通窗口分成两种:+ I' h/ N% `1 Z; M3 m
  ① 对话框窗口中,直接将原先绑定按钮的CButton类替换成CXPButton类,或者在绑定变量时直接指定Control类型为CXPButton,如图3所示: $ c( T( ]8 A4 H0 D' g
图3 为按钮指定CXPButton类型
  ②在普通窗口中,直接创建一个CXPButton类对象,然后在OnCreate()中调用CXPButton的Create方法;! @& \7 W8 C! h( f2 o' t5 d/ P1 ~, k
  以下的章节将综合地使用以上的方法,请读者朋友留心观察。
( R8 u  L+ V" q2 E% n
9 @) @" w1 ]. e! I% Z* e: Z- z  3.2 使用MFC类的既有函数
. Y$ b: w  M. ^( g+ D  在界面美化的专题中,MFC也并非一无是处。MFC类对于界面美化也做了部分的努力,以下是一些可以使用的,参数说明略去。; w. |5 G% l! i& h6 G$ v9 ]

8 ?5 O1 J! F& N+ N5 p8 x6 HCWinApp::SetDialogBkColor" d4 Y: C5 R4 S; x' L
void SetDialogBkColor( COLORREF clrCtlBk = RGB(192, 192, 192), COLORREF clrCtlText = RGB(0, 0, 0) );
5 s' B4 V0 G' k1 n; ?% @" d指定对话框的背景色和文本颜色。" z& o5 z; r) P% ^* v

" G5 A0 n+ `+ m- q1 YCListCtrl::SetBkColor9 t' T  o8 f6 S" d
CReBarCtrl::SetBkColor
5 h9 D0 P7 }: s. [CStatusBarCtrl::SetBkColor2 v; m9 R) O+ i
CTreeCtrl::SetBkColor
- f! Q+ @+ z4 M) }) p- i! NCOLORREF SetBkColor( COLORREF clr );
: l( l, {+ r# V* i1 ~- l9 ?$ s设定背景色。" z3 C3 `3 }/ n1 _  i. G' e

6 K$ V! G* [. W* lCListCtrl::SetTextColor/ l* ~" C5 {# Y, ?0 h  S
CReBarCtrl::SetTextColor5 s7 k' y, i3 U2 b
CTreeCtrl::SetTextColor
' z1 a# W: M3 d+ n5 @COLORREF SetTextColor( COLORREF clr );, |% }7 l' B! z& `) ^/ G7 [
设定文本颜色。, |9 a6 y) T+ W" C8 f5 t% o* G

9 |2 c' K4 u0 v- M9 q2 i# ]  a. RCListCtrl::SetBkImage
5 y4 C4 Q1 _! c3 Z! ^- KBOOL SetBkImage( LVBKIMAGE* plvbkImage );
3 C3 C3 R: _- sBOOL SetBkImage( HBITMAP hbm, BOOL fTile = TRUE, int xOffsetPercent = 0, int yOffsetPercent = 0);
/ Z( C$ F0 l0 f( m1 DBOOL SetBkImage( LPTSTR pszUrl, BOOL fTile = TRUE, int xOffsetPercent = 0, int yOffsetPercent = 0 );2 C* y! u* c7 j5 g+ Z
设定列表控件的背景图片。
2 y" a- k0 \9 N2 c1 e) e; D: Z1 @1 t; j
CComboBoxEx::SetExtendedStyle6 r8 A( l) C4 f2 I. [
CListCtrl::SetExtendedStyle
* d" E) X6 ^2 m0 w1 L8 p0 dCTabCtrl::SetExtendedStyle
4 e( ~: @& |" g( R( _8 NCToolBarCtrl::SetExtendedStyle
! ?, h" d6 j& ], S* FDWORD SetExtendedStyle( DWORD dwExMask, DWORD dwExStyles );
/ q) y2 H# d' a- o' L设置控件的扩展属性,例如:设置列表控件属性带有表格线。
  E. G0 c6 Q+ a* j* [  图4是个简单应用MFC类的既有函数来改善Windows界面的例子:
4 l. l# c% r) Z
图4 使用MFC类的既有函数美化界面
  相关实现代码如下:" N2 Y8 f7 {9 F6 |- _! w# p
  1. + l0 T* |  c& {1 q1 y( J2 a. H
  2. BOOL CUi2App::InitInstance()
    - K/ P3 U: y! l$ R' u$ `6 f
  3. {
      s- \  I3 w# h4 g; {) z
  4.         //…4 ~" T& B  ]/ q( ^# M+ P
  5.         //设置对话框背景色和字体颜色# }( }. F8 D* I) Y% Z- u9 t
  6.         SetDialogBkColor(RGB(128, 192, 255), RGB(0, 0, 255));( H8 I5 X. n( a- M
  7.          //…
    ) B- K: P4 J! F
  8. }
    . T+ A+ z6 F! u# ~/ G& r5 X; W
  9. BOOL CUi2Dlg::OnInitDialog()
    ; k+ i8 @4 V. v# X
  10. {# Q8 E- t8 b" ~7 }. m
  11.         //…$ U2 [# r8 k1 C7 Z$ M1 ~8 B6 i
  12.         //设置列表控件属性带有表格线
    $ `6 w. m- I" s( J0 J& {
  13.         DWORD NewStyle = m_List.GetExtendedStyle();5 H# ?! Y/ ^# V" y
  14.     NewStyle |= LVS_EX_GRIDLINES;
    + n7 l0 P, `5 Y
  15. m_List.SetExtendedStyle(NewStyle);
    ' m9 C) @2 A/ c8 R( ^& p- p
  16.         //设置列表控件字体颜色为红色7 G, L' k) z4 z( p+ o9 ?' ~# x
  17.         m_List.SetTextColor(RGB(255, 0, 0));
    ' d, L4 T( G& f8 `
  18.         //填充数据
    ! z# [3 g5 w) I$ t' i: Y$ V
  19.         m_List.InsertColumn(0, "QQ", LVCFMT_LEFT, 100);
    ! S9 x( L/ K6 \/ E# r
  20.         m_List.InsertColumn(1, "昵称", LVCFMT_LEFT, 100);+ l" D5 L0 O' v" }2 N
  21.         m_List.InsertItem(0, "5854165");- M! A9 B, S  {( j+ J# [1 R0 {
  22.         m_List.SetItemText(0, 1, "白乔");& ]8 m$ r3 g( ]4 h$ L. Z
  23.         m_List.InsertItem(1, "6823864");
    4 Y4 n# b$ N" x( R0 T/ q- _1 b' @! g
  24.         m_List.SetItemText(1, 1, "Satan");
    % K0 E1 X, y, _
  25.         //…
    + f' @# y" h2 Y4 B/ N4 F
  26. }
复制代码
) N' j9 z( E2 \$ c5 c
  嗯,这样的界面还算不错吧?
9 e2 T  d- E$ s; B- M7 V. |9 {" Z5 z. c5 A4 \: I# Z
  3.3 使用Windows的消息机制
( a. ~% _+ L, h- r  使用MFC类的既有函数来美化界面,其功能是有限的。既然Windows是通过消息机制进行通讯的,那么我们就可以通过截获一些有用的消息来美化我们的界面,以下是一些有用的Windows消息:
& i2 e, W4 a1 S  x: CWM_PAINT
) J& J  e7 Y2 A1 p- R" p; t7 XWM_ERASEBKGND
0 g1 ?8 Y9 r. V" h* Y: fWM_CTLCOLOR*
, g3 v  f, i0 t; j7 L% U1 a" I  [WM_DRAWITEM* 0 [. F0 X; X7 O4 s
WM_MEASUREITEM*
% J* P& w# ?; s0 tNM_CUSTOMDRAW*
. P+ Q- l" x9 h9 {  注意,标注*的消息是子元素发送给父窗口的通知消息,其它的为窗口或者子元素自身的消息。
) L2 y6 |2 V) @& M2 J. @( f4 U$ e8 W5 q6 O3 s4 V6 I
  3.3.1 WM_PAINT
2 \9 ]8 S5 N8 Z6 [- ?/ q; \- j  WM_PAINT消息相信大家都很熟悉,一个窗口要重绘了,就会有一个WM_PAINT消息发送给窗口。
. t6 X" @8 H0 G+ a) T/ i! b  可以响应窗口的WM_PAINT,以更改它们的模样。WM_PAINT的映射函数原型如下:
9 U: ~7 f0 m: ^0 S9 o+ `$ _  afx_msg void OnPaint(); $ u: C' A1 l- C/ |2 \9 J0 c. N
  控件也是窗口,所以控件也有WM_PAINT消息,通过消息映射我们完全可以定义控件的界面。如图5所示:
. A: C! l. e4 }  Z# S" k2 W
  图5 利用WM_ PAINT消息美化界面 实现代码也很简单: 4 ]( b" k; {6 N$ L4 t1 M
  1. + a4 [9 b; V2 u9 P
  2. void CLazyStatic::OnPaint() 1 r2 B+ E; q6 u6 o9 @# O
  3. {1 B  f. W/ G5 ~/ h
  4.         CPaintDC dc(this); // device context for painting
      x: x) ]8 c7 T
  5.          
    5 ~, n9 D: n! a
  6.        //什么都不输出,仅仅画一个矩形框
    . F+ p& {4 _6 }: J$ E
  7.         CRect rc;  ?* T& @% L% w# M$ r
  8.         GetClientRect(&rc);$ X/ t5 t  u; f' N0 h: M4 M, P  w7 W5 ^
  9.         dc.Rectangle(rc); % G' c! ^6 d& G, w$ t, K
  10. }
复制代码

5 \* [7 x# ?6 i( s, q8 G  哈哈,简单吧?不过WM_PAINT确实绝了点,它要求应用程序完成元素界面的所有绘制过程,想象一下如何画出一个完整的列表控件?太烦了吧。一般来说,很少有人喜欢使用WM_PAINT,还有其它更细致的消息。
8 {. i, A8 V0 u" J5 L  P1 B
7 H0 h$ u2 r1 T3 ?  3.3.2 WM_ERASEBKGND ; H. N# q& |2 J- r
  Windows在向窗口发送WM_PAINT消息之前,总会发送一个WM_ERASEBKGND消息通知该窗口擦除背景,默认情况下,Windows将以窗口的背景色清除该窗口。
6 Q9 p4 h5 i5 u3 v2 G. v  可以响应窗口(包括子元素)的WM_ERASEBKGND,以更改它们的背景。WM_ERASEBKGND的映射函数原型如下:6 h: N# |* k' P1 J& J/ A6 N* v
  afx_msg BOOL OnEraseBkgnd( CDC* pDC );
: d! g; b  i5 ~. G. K: M* E9 S' u. C  返回值:
; g& l: n! ~4 o  指定背景是否已清除,如果为FALSE,系统将自动清除
( }$ k' C5 T1 ?: T; O0 [3 U  参数: pDC指定了绘制操作所使用的设备环境。 3 y9 y# g& Y& I* r3 E
  图6是个简单的例子,通过OnEraseBkgnd为对话框加载了一副位图背景: . m! R  [# I# [
图6 利用WM_ ERASEBKGND消息美化界面
  实现代码也很简单:
1 h" q# J+ x3 U5 z$ B+ c; z9 k' [6 H

  1. & A/ W# T& q, }2 l( i
  2. BOOL CUi4Dlg::OnInitDialog()
      S' l: M1 c3 b5 g% Q8 h& k
  3. {% R( r8 P7 u; X7 A
  4. //…; c5 f- Y+ ]' q0 R( G
  5.         //加载位图, i5 J9 d; H9 p3 y1 J
  6.         //CBitmap m_Back;' [- u7 F* @9 p7 z5 ~
  7.         m_Back.LoadBitmap(IDB_BACK);* n2 ^/ B3 C1 c
  8.         //…
    ' q  ~/ ~3 h; l  R4 ?, B- B
  9. }
    ; l5 b" v- H  w: {! M( c& W/ `& j
  10. BOOL CUi4Dlg::OnEraseBkgnd(CDC* pDC)
    5 Z: \: R, Y9 n5 h+ H' L+ X: c
  11. {$ R. I  p$ W$ p$ H1 x+ [* ?
  12.         CDC dc;
    1 B& i, N$ v7 @# S. y
  13.         dc.CreateCompatibleDC(pDC);9 e, E0 h) X1 H. S8 L$ r: Q
  14.         dc.SelectObject(&m_Back);  D1 Z! k& G' U- s5 r, U
  15.         //获取BITMAP对象$ `& W( k( G/ H# p
  16.         BITMAP hb;
    # c9 Y& o$ e: G
  17.         m_Back.GetBitmap(&hb);
    9 {4 m& p' ^; b' |# p5 G
  18.         //获取窗口大小8 z4 i' @, M& ~5 _, i
  19.         CRect rt;
    8 U/ R) y* g2 R9 A; z* T1 Z( ~, j) e
  20.         GetClientRect(&rt);
    , _0 z. X7 j& F( Z6 d
  21.         //显示位图
    * e  k. {) h5 o/ ~& B7 @0 E9 w
  22.         pDC->StretchBlt(0, 0, rt.Width(), rt.Height(),/ M( W3 J! l* I7 E% E, q# ?
  23.                 &dc, 0, 0, hb.bmWidth, hb.bmHeight, SRCCOPY);5 M0 L- D# C! K- a
  24.         return TRUE;. z$ ~% ]& z  n8 R6 Y& u
  25. }
    ! L' F- H* I; F$ ?4 w7 h* {
  26. HBRUSH CUi4Dlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) + z. Y2 k& j. m, d# O' [+ W1 A
  27. {
    9 P  S/ G: h. w* y) `# n
  28.         //设置透明背景模式
    . m* L' _! Q/ l$ ?* M! A0 }. l
  29.         pDC->SetBkMode(TRANSPARENT);
    . w( P6 ]" g, L+ t
  30.         //设置背景刷子为空
    2 Z' z( }6 @$ j, c5 x) M
  31.         return (HBRUSH)::GetStockObject(HOLLOW_BRUSH);
    5 c) |( O6 e1 l3 C
  32. }
复制代码

: Y  {7 R% X; m4 F  同时别忘了响应OnCtlColor,否则窗口里面的控件就不透明了。OnCtlColor的内容,详见3.3.3章节。 8 ~8 c4 z  h0 C. p. Z

, G- L2 x8 R2 S( ~" a  3.3.3 WM_CTLCOLOR
/ f& t1 Z9 e$ G: @$ h! m  在控件显示之前,每一个控件都会向父对话框发送一个WM_CTLCOLOR消息要求获取绘制所需要的颜色。WM_CTLCOLOR消息缺省处理函数CWnd::OnCtlColor返回一个HBRUSH类型的句柄,这样,就可以设置前景和背景文本颜色,并为控件或者对话框的非文本区域选定一个刷子。
1 q. U+ ~+ P" _: i2 x6 \  WM_CTLCOLOR的映射函数原型如下:
7 i9 y0 P  s9 C: B/ [  afx_msg HBRUSH OnCtlColor( CDC* pDC, CWnd* pWnd, UINT nCtlColor );
* Z* H7 c9 O+ S3 g  返回值: 用以指定背景的刷子
/ I/ q9 K1 e+ M$ k; r* N  参数:
, T& @, d  ]5 W) E  pDC指定了绘制操作所使用的设备环境。
( Q: o8 @0 X0 C  pWnd 控件指针
- ^8 j) V( q/ j  nCtlColor 指定控件类型,其取值如表2所示:, o# H! l4 p1 O2 D  U$ p8 l
  类型值 含义
8 t" S/ b) Q3 pCTLCOLOR_BTN 按钮控件 3 V- u2 ~: r$ J( z! J( ]2 \
CTLCOLOR_DLG 对话框 & T2 @9 Y8 G) E3 q
CTLCOLOR_EDIT  编辑控件
( x! W) G3 v6 i4 ], W4 eCTLCOLOR_LISTBOX  列表框 ) N) A7 v% L- y' C- _
CTLCOLOR_MSGBOX  消息框 4 h+ V6 Y0 V- d: [! G! k6 v) d
CTLCOLOR_SCROLLBAR 滚动条 4 K) b( s+ c2 }) A. Q
CTLCOLOR_STATIC 静态控件   K, Z4 Z3 \% E& v% z  K  Z( n6 k
表2 nCtlColor的类型值与含义
  A$ c' ]& N$ X+ T' T
0 h2 l" {& ]# U8 W" ?  H! Z  作为一个简单的例子,观察以下的代码:
+ T7 w; M& F# V- v4 v3 K9 o
  1. - i7 _& s$ g& T! E& v
  2. BOOL CUi5Dlg::OnInitDialog()5 d5 [9 h; N! ?2 r9 {8 T0 L' u# q' E1 \- b
  3. {
    + ^8 @9 w4 U& |1 C6 J& C2 [
  4.         //…
    - [7 u0 B' d3 N5 ^) ~+ B
  5.         //创建字体
    & h6 y4 u2 H' b; \& V
  6.         //CFont CUi1View::m_Font1, CUi1View::m_Font2
    & b; v: h) A- K* S& ]8 P  \* q
  7.         m_Font1.CreatePointFont(120, "Impact");8 `# R8 W$ I' ?8 [, a' r- K
  8.         m_Font3.CreatePointFont(120, "Arial");- F. y0 a( z1 d, p& g, U
  9.                 return TRUE;
    0 I, @; D6 O3 Y' t' O  g
  10.   // return TRUE  unless you set the focus to a control
    7 }0 K* S0 ^, O3 I7 L
  11. }
    2 z. f/ \7 _2 I3 P. D; N
  12. HBRUSH CUi5Dlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)   Q( {' }7 X1 z& J( K3 S9 o
  13. {
    0 X( L3 `6 c7 x/ g7 p5 U
  14.         HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor);: T/ ~6 ?9 U# D# `; ^2 ^
  15.         if(nCtlColor == CTLCOLOR_STATIC). P1 b. H+ M1 w, `+ B
  16.         {
    & L6 u, h9 k6 _% ^/ e' E' V: R4 k
  17.                 //区分静态控件' X' b$ \& S) r0 ]: i% V, B
  18.                 switch(pWnd->GetDlgCtrlID())
    7 C; u+ \& u5 T4 O% r& ?9 t
  19.                 {
    " ?0 ?( T  {3 J. f: l" o
  20.                         case IDC_STATIC1:" q4 j2 s9 @9 T8 ]: ?, |- Q
  21.                         {
    + O) s2 R7 \* X3 j) M$ h
  22.                                 pDC->SelectObject(&m_Font1);
    + N/ c, }3 e9 L: e+ ?
  23.                                 pDC->SetTextColor(RGB(0, 0, 255));- H  R0 {* g3 l1 n! J
  24.                                 break;
    ) Z7 \, v9 Z8 Q' j
  25.                         }
    ) X- N8 u* C9 Z: e' N+ M1 P% b
  26.                         case IDC_STATIC2:
    6 J& A2 a, x, J8 q0 J
  27.                         {
    " r" Z+ c; X1 E$ Y
  28.                                 pDC->SelectObject(&m_Font2);
    6 K% Z8 D$ e; T4 r
  29.                                 pDC->SetTextColor(RGB(255, 0, 0));' J) }8 y  v! S
  30.                                 break;6 H1 }5 X2 N4 s) w) }$ @
  31.                         }2 w# R. O& W1 Z, e
  32.                 }
    ! ~0 j* W# l' ]) @' {* r3 i/ S
  33.         }
    ( S' ~7 _! L  J3 I/ w  d" ~
  34.         return hbr;6 }1 K* o5 [  [& X2 z; @0 T
  35. }
复制代码
0 z& |8 G5 i! G) v2 R) f, M
   生成的界面如下: * y9 g7 _( E0 Z6 I  u* e
图7 利用WM_CTLCOLOR消息美化界面
' G: z7 X0 @! R
  3.3.4 WM_DRAWITEM
7 i6 K$ q7 I9 W  OnCtlColor只能修改元素的颜色,但不能修改元素的界面框架,WM_DRAWITEM则可以。' B2 n6 e0 r, E
  当一个具有Owner draw风格的元素(包括按钮、组合框、列表框和菜单等)需要显示外观时,该元素会发送一条WM_DRAWITEM消息至它的隶属窗口(Owner)。
0 }- z6 Q& H! g  WM_DRAWITEM的映射函数原型如下: , t5 V, K& g6 c. Y
  afx_msg void OnDrawItem( int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct );, x1 F- @9 M+ F- M6 x
  参数: , K  N$ d9 s* ?
  nIDCtl 该控件的ID,如果该元素为菜单,则nIDCtl为0
8 t3 H" N) Q% T) S9 t' V  lpDrawItemStruct 指向DRAWITEMSTRUCT结构对象的指针,DRAWITEMSTRUCT的结构定义如下:
/ M8 y1 G, K& \! @) z/ p; O% }: }5 |

  1. 3 \9 b: L, A" R6 j6 ?: {( J% n
  2. typedef struct tagDRAWITEMSTRUCT
    $ n' o; l8 X, o& X& G6 p
  3. {/ L! z" Q) _3 M' F" _
  4.     UINT   CtlType;
    - u" c, W+ l( _& }& b' v' N
  5.      UINT   CtlID;
    1 }6 ]7 W8 F- z' M* v3 q3 b
  6.      UINT   itemID;; M! v; P; f+ L" D
  7.     UINT   itemAction;
    5 ~2 @7 }. L/ p# X
  8.     UINT   itemState;
    $ c6 v. }2 U+ N* H6 y( E) p
  9.     HWND   hwndItem;
    * n' s# D, W+ E) W3 ^- W
  10.     HDC    hDC;3 ~' f8 S! i8 o/ I5 q& J
  11.     RECT   rcItem;' Q1 h4 B% K" z  u& }+ R5 }" M
  12.     DWORD  itemData;
    " w9 K* K/ T0 u4 m7 F8 I
  13. }DRAWITEMSTRUCT;
复制代码

3 N# R- R# D0 }7 B  i! ^7 O: C% R% D$ l1 \CtlType指定了控件的类型,其取值如表3所示: ; H% N' z, `0 R4 B. l; L
类型值 含义 ( y8 Z; q- o7 c# @
ODT_BUTTON 按钮控件 - o( D6 E7 R( W& L8 ~; U
ODT_COMBOBOX 组合框控件 2 l8 |1 d( t* l/ ]4 k8 z$ o$ R
ODT_LISTBOX 列表框控件
( k: C* y$ U5 U' |- r( L- rODT_LISTVIEW 列表视图 : e( |7 H4 R, c# P. d  [7 g$ Z, T
ODT_MENU 菜单项
" m( O  g  L* A- R6 N! b: |ODT_STATIC 静态文本控件 & {; x' K) Q/ ~
ODT_TAB Tab控件
% a5 ~; w( C) s, S" o表3 CtlType的类型值与含义+ A+ L8 _7 D$ y8 p7 [( d" T3 i0 X$ e
1 k9 U1 j9 D/ b+ `7 b. I
  CtlID 指定自绘控件的ID值,该成员不适用于菜单项
% A& u- W2 |* V/ [6 l: |+ V  itemID表示菜单项ID,也可以表示列表框或者组合框中某项的索引值。对于一个空的列表框或组合框,该成员的值为?C1。这时应用程序只绘制焦点矩形(该矩形的坐标由rcItem 成员给出)虽然此时控件中没有需要显示的项,但是绘制焦点矩形还是很有必要的,因为这样做能够提示用户该控件是否具有输入焦点。当然也可以设置itemAction 成员为合适值,使得无需绘制焦点。
8 w7 ^, e  Q5 f% c3 [  itemAction 指定绘制行为,其取值为表4中所示值的一个或者多个的联合:; H. H, x. H7 y9 S4 l2 |/ a* S" O
类型值 含义
+ A+ a. V2 W$ Z* XODA_DRAWENTIRE 当整个控件都需要被绘制时,设置该值。
, k" i; M# _% H" z% jODA_FOCUS 如果控件需要在获得或失去焦点时被绘制,则设置该值。此时应该检查itemState成员,以确定控件是否具有输入焦点。
# o' S! Q: p- mODA_SELECT 如果控件需要在选中状态改变时被绘制,则设置该值。此时应该检查itemState 成员,以确定控件是否处于选中状态。
% M9 x- C$ s4 ~8 v表4 itemAction的类型值与含义. m$ B# J+ E( T) J) e; c7 G% M
  itemState 指定了当前绘制项的状态。例如,如果菜单项应该被灰色显示,则可以指定ODS_GRAYED状态标志。其取值为表5中所示值的一个或者多个的联合:) I. Y7 J" r) k% Z- ^+ c
类型值 含义
( J' K6 z) ^+ e: DODS_CHECKED 标记状态,仅适用于菜单项。 , X0 w" D# F' f: @
ODS_DEFAULT 默认状态。 8 q7 S% n) U  s4 X
ODS_DISABLED 禁止状态。 ; P% z8 }8 S" h% s. C! @3 R! o
ODS_FOCUS 焦点状态。
& P9 L# i5 Q& X" @ODS_GRAYED 灰化状态,仅适用于菜单项。
9 H. J( h! V+ w; X5 l8 ?5 T, V: bODS_SELECTED 选中状态。
  t; G/ [, }6 B8 K3 AODS_HOTLIGHT 仅适用于Windows 98/Me/Windows 2000/XP,热点状态:如果鼠标指针位于控件之上,则设置该值,这时控件会显示高亮颜色。 6 u2 v/ A$ r3 z: R! p' r
ODS_INACTIVE 仅适用于Windows 98/Me/Windows 2000/XP,非激活状态。
# M1 C# g- b  y) FODS_NOACCEL 仅适用于Windows 2000/XP,控件是否有快速键。
1 r" V2 m& w- XODS_COMBOBOXEDIT 在自绘组合框控件中只绘制选择区域。
) F5 z, ~; `( v0 `- L% f/ sODS_NOFOCUSRECT 仅适用于Windows 2000/XP,不绘制捕获焦点的效果。 $ @& p# H, ~) w* W: v6 [1 I- l
表5 itemState的类型值与含义3 ~  Z" E3 c- R, D9 ^
  hwndItem 指定了组合框、列表框和按钮等自绘控件的窗口句柄;如果自绘的对象为菜单项,则表示包含该菜单项的菜单句柄。 5 @) a) m4 J# ?! ~# W$ h
  hDC 指定了绘制操作所使用的设备环境。
- i3 r! D. |- F2 u  I0 g  rcItem 指定了将被绘制的矩形区域。这个矩形区域就是上面hDC的作用范围。系统会自动裁剪组合框、列表框或按钮等控件的自绘制区域以外的部分。也就是说rcItem中的坐标点(0,0)指的就是控件的左上角。但是系统不裁剪菜单项,所以在绘制菜单项的时候,必须先通过一定的换算得到该菜单项的位置,以保证绘制操作在我们希望的区域中进行。
6 P+ x% O& \$ N$ o5 p  itemData
# |* q- w0 r1 U- u; o3 d  对于菜单项,该成员的取值为由CMenu::AppendMenu、CMenu::InsertMenu、CMenu::ModifyMenu等函数传递给菜单的值。 ) b/ \6 d+ J. m* m2 X
  对于列表框或这组合框,该成员的取值为由ComboBox::AddString、CComboBox::InsertString、CListBox::AddString或者CListBox::InsertString等函数传递给控件的值。 1 j' H& l$ e  D! i! O: B
  如果ctlType 的取值是ODT_BUTTON或者ODT_STATIC,itemData的取值为0。 , I0 C& k' R# r; Y: E. M5 o' F
  图5是个相应的例子,它修改了按钮的界面: 4 D- @1 c% r" I7 \
图8 利用WM_DRAWITEM消息美化界面
  实现代码如下:
) q; M! p+ ?# y* c. r9 |

  1. 1 t7 ?5 M1 Q# e
  2. BOOL CUi6Dlg::OnInitDialog()
    0 c7 W0 O0 |/ E/ B- m* |+ T
  3. {# Y( E" f0 Y3 g. E( t( y
  4.         //…2 _2 S1 s* l: M; v, q
  5.         //创建字体
    . D6 D+ i9 E$ K
  6.         //CFont CUi1View::m_Font
    $ `+ k: U& k* a: u
  7.         m_Font.CreatePointFont(120, "Impact");
    . s% r5 y( o! r
  8.         //…
    6 P% b  [$ z7 s+ w. O" `3 D
  9. }
    4 R3 S4 H( c. M; U2 S7 _7 r
  10. void CUi6Dlg::OnDrawItem(int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct)
    5 z6 L6 ?4 \9 V, _$ N6 C* u
  11. {
    0 ^7 N) l0 \1 y0 v, s3 ]
  12.         if(nIDCtl == IDC_HELLO_CFAN)7 r' D* [% G  _! {. P: H
  13.         {
    6 X$ `# S7 n5 M; b
  14.                 //绘制按钮框架
    1 d% N* }8 B7 q. Z3 _! s, S$ J% n6 d
  15.                 UINT uStyle = DFCS_BUTTONPUSH;
    " O+ G9 L! F, y0 `6 ^
  16.                 //是否按下去了?
    7 O) ^% P; t2 G7 p( |5 ~* g
  17.                 if (lpDrawItemStruct->itemState & ODS_SELECTED)
    : t2 t' n( }; b* w7 ^$ S
  18.                         uStyle |= DFCS_PUSHED;
    6 z4 I5 x! C3 u# p4 M+ p3 j
  19.                 CDC dc;
    / v5 o, p2 `2 W; f
  20.                 dc.Attach(lpDrawItemStruct->hDC);
    * C/ p5 v. E% b  R
  21.                 dc.DrawFrameControl(&lpDrawItemStruct->rcItem, DFC_BUTTON, uStyle);
    7 R; S. g9 I7 t7 X+ l6 _* L
  22.                 //输出文字) e6 v: s6 n0 Z7 U' Z" m4 b
  23.                 dc.SelectObject(&m_Font);/ m; B! @! ~; y3 u! g* l# k4 G$ T
  24.                 dc.SetTextColor(RGB(0, 0, 255));% t2 Q. P: Y6 r. B! B  e* B( X
  25.                 dc.SetBkMode(TRANSPARENT);
    8 L0 {  g; R- p- L2 Y+ q+ Z: @
  26.                 CString sText;
    + ~5 j# v; k* @, v" i/ @& G
  27.                 m_HelloCFan.GetWindowText(sText);
    # M, h5 P. y$ M) E, X5 U& r
  28.                 dc.TextOut(lpDrawItemStruct->rcItem.left + 20, lpDrawItemStruct->rcItem.top + 20, sText);
    * M0 _8 B  _6 Y+ P! l- C; U
  29.                 //是否得到焦点
    3 ?7 }) R2 l. V
  30.                 if(lpDrawItemStruct->itemState & ODS_FOCUS)' @) J, }5 Y; E
  31.                 {
    ' L. W" w$ q  o& t# K( N
  32.                         //画虚框3 j- D  j3 G/ o4 j# T+ }; _# Z
  33.                         CRect rtFocus = lpDrawItemStruct->rcItem;   ?0 Q8 z% P8 F) ~6 m9 n6 U
  34.                        rtFocus.DeflateRect(3, 3);
    . \* W) ]3 M$ P* R
  35.                         dc.DrawFocusRect(&rtFocus);$ V: g' x1 X7 W+ v  J+ X: F$ ~
  36.                 }
    $ j; E8 j- ?' m- l) [
  37.                 return;3 ?4 C3 w5 s3 P) t. `
  38.         }
    % v' M/ ?( ~. r1 U
  39.         CDialog::OnDrawItem(nIDCtl, lpDrawItemStruct);+ H$ m7 r% I# ]5 ?7 _
  40. }
复制代码
; c3 t% j7 ?/ e6 a2 D
  别忘了标记Owner draw属性:
$ w, w- O4 `7 w' j6 S: ~2 w& s; ^
图9 指定按钮的Owner draw属性
  值得一提的是,CWnd内部截获了WM_DRAWITEM、WM_MEASUREITEM等消息,并映射成子元素的相应虚函数的调用,如CButton::DrawItem()。所以,以上例子也可以通过派生出一个CButton的派生类,并重载该类的DrawItem()函数来实现。使用虚函数机制实现界面美化参见3.4章节。 ) r5 v/ N, A! u! `4 J

" N+ c2 [, ]  G( @! k  3.3.5 WM_MEASUREITEM + O' L8 Y9 @  C# l' \2 `3 ~
  仅仅WM_DRAWITEM还是不够的,对于一些特殊的控件,如ListBox,系统在发送WM_DRAWITEM消息前,还发送WM_MEASUREITEM消息,需要你设置ListBox中每个项目的高度。
, g& {  Z6 y  Z: o% @3 L( W, @  WM_DRAWITEM的映射函数原型如下:
, U& l1 E& j' c! i1 e8 l  afx_msg void OnMeasureItem( int nIDCtl, LPMEASUREITEMSTRUCT lpMeasureItemStruct );
$ `0 \: G$ z9 d4 u1 S  nIDCtl 该控件的ID,如果该元素为菜单,则nIDCtl为0 l
5 U4 T, c8 D8 p3 O- b) X: v  pMeasureItemStruct指向MEASUREITEMSTRUCT结构对象的指针,MEASUREITEMSTRUCT的结构定义如下:
) ^; K% e" x/ l" R
  1. ' V4 H/ s" d! N6 k- G
  2. typedef struct tagMEASUREITEMSTRUCT8 E- Y$ r7 V% B. C: E3 m
  3. {! c+ a0 J. `0 x) D" O' A! a
  4.     UINT   CtlType;
    5 y( J8 L" J+ y0 O
  5.     UINT   CtlID;0 V# X, ^, Q' D1 C# f
  6.     UINT   itemID;. }' i2 l) ]; f# ?6 N" ^  B
  7.     UINT   itemWidth;( Z9 T% {- J5 n/ O8 u& I' w
  8.     UINT   itemHeight;
    0 U# s; B% _" g8 g9 A9 _
  9.     DWORD  itemData;
    " C  s' I# P" |$ q+ E2 ]( _6 R
  10. } MEASUREITEMSTRUCT;
复制代码

, i8 t8 b( @( B  ^  CtlType指定了控件的类型,其取值如表6所示:
; w" t* z, w: J1 Q% T% _类型值 含义/ R  d6 K  _+ Y/ _, ]& O- i
ODT_COMBOBOX 组合框控件
0 S  i: t8 g. F& b* |7 uODT_LISTBOX 列表框控件   W1 q4 K% j3 ?2 m0 V2 t$ F
ODT_MENU 菜单项 : p4 z# f: Y$ N( \4 f
表6 CtlType的类型值与含义) V2 O( K& U% Y% G1 p4 d( a# H
  CtlID 指定自绘控件的ID值,该成员不适用于菜单项 $ v1 R' ~# V; _2 g$ M5 @. s# i
  itemID表示菜单项ID,也可以表示可变高度的列表框或组合框中某项的索引值。该成员不适用于固定高度的列表框或组合框。
1 o; P5 {5 Y  E2 |  itemWidth 指定菜单项的宽度
7 d; U. E3 @# \- O/ D+ J. i, F1 R  itemHeight指定菜单项或者列表框中某项的的高度,最大值为255
# r) S( z4 R* H$ H0 ~  itemData
1 f2 F4 o/ i! a# A  对于菜单项,该成员的取值为由CMenu::AppendMenu、CMenu::InsertMenu、CMenu::ModifyMenu等函数传递给菜单的值。
  X$ Y7 ?0 [6 B8 Y' j$ G  对于列表框或这组合框,该成员的取值为由ComboBox::AddString、CComboBox::InsertString、CListBox::AddString或者CListBox::InsertString等函数传递给控件的值。
& @+ l+ b  [  [" U  图示出了OnMeasureItem的效果:
/ I, Q3 f' ~3 {) m" g1 y% t, w
图10 利用WM_MEASUREITEM消息美化界面
  相应的OnMeasureItem()实现如下: ' \3 X* W7 X- W% k! }
  1. 6 s- J1 P) i+ r; |
  2. void CUi7Dlg::OnMeasureItem(int nIDCtl, LPMEASUREITEMSTRUCT lpMeasureItemStruct)
    ( }9 t' M8 S" R* X' y9 J) M8 G
  3. {, X* h. N  h  f& s; T( l
  4.         if(nIDCtl == IDC_COLOR_PICKER)( ]2 q  U! e6 O' `: r+ ?) s: b
  5.         {
    ( u0 i- S$ D0 {$ r' u
  6.                 //设定高度为30
    % c  c& @. F% L6 k: _- L
  7.                 lpMeasureItemStruct->itemHeight = 30;4 f8 J7 b. w" w- ~
  8.                 return;# N! k" P. z1 m; T$ E5 q
  9.         }  D  x  l2 V3 B5 I
  10.         CDialog::OnMeasureItem(nIDCtl, lpMeasureItemStruct);
    2 u- ^5 o, r( f# k( v0 l
  11. }
复制代码

3 _1 i. V) m+ x! {% Y6 e  同样别忘了指定列表框的Owner draw属性:
6 e9 k/ y5 D) ^/ ~2 [; K
  图11 指定下拉框的Owner draw属性  . }2 ?4 _, z$ C- l, G" c: K- s" j

: k4 O1 k( X. n  3.3.6 NM_CUSTOMDRAW
7 S7 @% s, c& h  大家也许熟悉WM_NOTIFY,控件通过WM_NOTIFY向父窗口发送消息。在WM_NOTIFY消息体中,部分控件会发送NM_CUSTOMDRAW告诉父窗口自己需要绘图。 . K6 V1 q' D- f9 S
  可以反射NM_CUSTOMDRAW消息,如: ' N' P% y9 m( q+ H4 J' t- ]
  ON_NOTIFY_REFLECT(NM_CUSTOMDRAW, OnCustomDraw)
7 H. z  T' }3 W! i  afx_msg void OnCustomDraw(NMHDR *pNMHDR, LRESULT *pResult);
8 k& e, M9 e+ l! B) D  参数:
1 ]; U2 H: ]; A4 D6 X3 E8 D  pNMHDR 说到底只是一个指针,大多数情况下它指向一个NMHDR结构对象,NMHDR结构如下: & {: p/ @# j5 |9 R" U+ T3 g
  1. * T. w: D# f2 N. z& d! o  K' ^+ ~
  2. typedef struct tagNMHDR
    $ A9 ^) J) }6 K2 X  k: J2 h
  3. {4 ]: {7 F: [  i+ c7 Y3 a
  4.      HWND hwndFrom;
    - ^5 c6 V" l6 I; g- R
  5.      UINT idFrom;& w+ N! Z# Q/ R  i$ x6 M4 J
  6.      UINT code; ; O  ?  u/ o! O+ V  T. @  ]
  7. } NMHDR;
复制代码
$ w3 c7 S5 W# u+ G- a, i3 E
  其中: 4 o+ l. n* v& N, Z
  hwndFrom 发送方控件的窗口句柄 ( T) q* A4 d& \: J. ?3 T# v
  idFrom 发送方控件的ID code 通知代码 $ ]* G8 f0 V9 l  x' `5 S8 K) O
  对于某些控件来说,pNMHDR则会解释成其它内容更丰富的结构对象的指针,如:对于列表控件来说,pNMHDR常常指向一个NMCUSTOMDRAW对象,NMCUSTOMDRAW结构如下: 6 d0 U2 [0 s7 A8 e) Z+ G- Z

  1. - T6 C" d0 }. G5 a2 Y! \
  2. typedef struct tagNMCUSTOMDRAWINFO4 R& R- u# |- \- J
  3. {
    : K) n9 z# E; L' j+ u! h
  4.     NMHDR  hdr;
    5 V% D( }; j. v# l) Y) k4 j
  5.     DWORD  dwDrawStage;1 O$ X# K$ a2 `/ j7 n& C1 Y* K  b
  6.     HDC    hdc;
    & i+ e- S: @- v$ B3 U: |1 k8 E
  7.     RECT   rc;
    ; }  Q5 p2 F! g5 C+ {/ y1 M0 L# O+ O
  8.     DWORD  dwItemSpec;" I+ G2 ~; N" u& r; f" W' A% i
  9.     UINT   uItemState;
    $ r) d$ A2 J9 y/ t5 ?- k2 X$ i
  10.     LPARAM lItemlParam;
    8 N, l; A7 g5 y' m+ a
  11. } NMCUSTOMDRAW, FAR * LPNMCUSTOMDRAW;
复制代码

# ^2 p! x3 @8 ]# t# n   hdr NMHDR对象 dwDrawStage 当前绘制状态,其取值如表7所示:
& ?! e2 U  z# ^  a8 w8 k" R  P) j类型值 含义 . K0 W4 b- Y8 O+ R9 f
CDDS_POSTERASE 擦除循环结束 " p3 V" @" b7 Y* Q/ K; s! Q
CDDS_POSTPAINT 绘制循环结束 ; Y0 q2 G6 m5 S) s! t$ l7 t. C* X
CDDS_PREERASE 准备开始擦除循环 1 U& b* s0 Z' _- d# x1 D" `
CDDS_PREPAINT 准备开始绘制循环
- I( A$ {1 m' q1 \' u/ DCDDS_ITEM 指定dwItemSpec, uItemState, lItemlParam参数有效
+ ~* Z0 o3 K% M0 c5 S; O2 h1 pCDDS_ITEMPOSTERASE 列表项擦除结束 2 N# o. y9 F# L8 i; A0 e8 D2 ?5 G
CDDS_ITEMPOSTPAINT 列表项绘制结束
( u! }# s* H. O. ^7 G3 w$ B  `0 oCDDS_ITEMPREERASE 准备开始列表项擦除 - ~8 [4 r  }/ M. ^1 x1 s4 X
CDDS_ITEMPREPAINT 准备开始列表项绘制
2 m1 q& G% c2 d" G5 hCDDS_SUBITEM 指定列表子项  V. Z6 }0 p6 G) m) |- p+ C( Z
表7 dwDrawStage的类型值与含义
+ S6 U% Y9 L' A$ b& Q/ d; i  hdc指定了绘制操作所使用的设备环境。
& m/ X; G$ w3 q% [" ~  rc指定了将被绘制的矩形区域。
% t$ ?0 H$ D3 v/ [& `  r! q  dwItemSpec 列表项的索引
6 f+ @& @7 F  t! T& t  uItemState 当前列表项的状态,其取值如表8所示:  l9 T2 o, ~" U% D& t; r* Z
类型值 含义 ; n- g$ |4 C( Y/ U
CDIS_CHECKED 标记状态。 ) [/ z0 N* w/ N9 z; }
CDIS_DEFAULT 默认状态。
2 d  A+ G) n! VCDIS_DISABLED 禁止状态。
* L: X) w! {" f7 SCDIS_FOCUS 焦点状态。
. i) l6 A0 r: B3 H7 E7 pCDIS_GRAYED 灰化状态。
! V* {/ D  S7 Y4 O3 r0 n0 i* gCDIS_SELECTED 选中状态。
/ g; f8 l8 U+ B9 a" v4 KCDIS_HOTLIGHT 热点状态。 1 ?6 [7 g* i2 A! f, Z
CDIS_INDETERMINATE 不定状态。 + f: V, p) L6 a: `4 @; i" a+ `
CDIS_MARKED 标注状态。6 j# T( y% K5 S- ]- p) q9 i" f: e8 E
表8 uItemState的类型值与含义* x% \$ f( Y' e! |# G8 k+ S
  lItemlParam 当前列表项的绑定数据
2 d7 M* T- n4 V+ C! n  pResult 指向状态值的指针,指定系统后续操作,依赖于dwDrawStage: 9 S  m! b0 }/ Z# T
  当dwDrawStage为CDDS_PREPAINT,pResult含义如表9所示:
, T! _  G( t/ q- j7 ~7 {4 p( \4 w3 e类型值 含义 , l2 ^& V# t$ P: Q
CDRF_DODEFAULT 默认操作,即系统在列表项绘制循环过程不再发送NM_CUSTOMDRAW。 ) J" b) |: K* ~9 Y/ D
CDRF_NOTIFYITEMDRAW 指定列表项绘制前后发送消息。 ! v' r* [3 u9 x& F! D
CDRF_NOTIFYPOSTERASE 列表项擦除结束时发送消息。 & X' w! k3 r  E& d- m: t$ B: a
CDRF_NOTIFYPOSTPAINT 列表项绘制结束时发送消息。+ c& i8 U0 e  M, ]# `
表9 pResult的类型值与含义(一)
: F! I. ^0 m+ }1 S6 m# s  当dwDrawStage为CDDS_ITEMPREPAINT,pResult含义如表10所示:
) j. ?; c6 h  F9 }类型值 含义
& G7 B: m. C7 l1 ?# K0 }# `CDRF_NEWFONT 指定后续操作采用应用中指定的新字体。 . p: t3 @+ H$ S  {9 s# n" \
CDRF_NOTIFYSUBITEMDRAW 列表子项绘制时发送消息。
5 o' v4 {3 f, e1 Y; b4 A; q6 e) e9 SCDRF_SKIPDEFAULT 系统不必再绘制该子项。" U) h, X/ |+ e" ?: o8 @6 V! q
表10 pResult的类型值与含义(二)
$ S+ L6 Q( n! [2 K: c( s  以下是一个利用NM_CUSTOMDRAW消息绘制出的多色列表框的例子:
; L& Z( J4 n+ J- L
  图12 利用NM_CUSTOMDRAW消息美化界面
6 b# t1 g- y7 ^1 V# F/ w  对应代码如下: & l# x3 Q, n2 E# p

  1.   o9 I3 _7 I% Y; a1 Q
  2. void CCoolList::OnCustomDraw(NMHDR *pNMHDR, LRESULT *pResult); p4 _. c- P! _
  3. {3 E+ r# e: U  V/ r7 m8 y; j0 i
  4.         //类型安全转换4 U2 c9 Y5 I  T8 o: t
  5.         NMLVCUSTOMDRAW* pLVCD = reinterpret_cast<NMLVCUSTOMDRAW*>(pNMHDR);4 b& l! l# Y, a1 f- c) M
  6.         *pResult = 0;
    + D% H3 l# Z: d) v4 w5 o2 v
  7.         
    8 x, I- h! Z& e% L; v
  8.         //指定列表项绘制前后发送消息+ ?; Q, m, c, y; D& ^& k
  9.         if(CDDS_PREPAINT == pLVCD->nmcd.dwDrawStage)% u) [% t! R9 j' a6 s* [1 Y. y
  10.         {) z9 a' x7 P; j1 k2 q9 f
  11.                 *pResult = CDRF_NOTIFYITEMDRAW;/ Y1 E9 H4 @* r
  12.         }
    & V5 G1 \# I9 }9 n  L, \" @+ M/ R
  13.         else if(CDDS_ITEMPREPAINT == pLVCD->nmcd.dwDrawStage)' d2 W4 \# P: a  `' `- ~" k
  14.         {( G; T! a0 C: P. r3 B9 ?- W' o
  15.                 //奇数行# H( C7 n/ ~- Y: d8 z- r$ d: _1 X0 @
  16.                 if(pLVCD->nmcd.dwItemSpec % 2)
    : c0 a0 b. C( C* B# l. X# x9 U3 H
  17.                         pLVCD->clrTextBk = RGB(255, 255, 128);. T# Z/ J, B9 w- `
  18.                 //偶数行6 s3 {) R5 a8 g  g
  19.                 else
    ( f" q- E! e; a2 l. y
  20.                         pLVCD->clrTextBk = RGB(128, 255, 255);+ d: ]. E: U# V; q. q
  21.                 //继续
    : T% @/ c3 n) p4 g; `
  22.                 *pResult = CDRF_DODEFAULT;7 h  p. L4 a3 Q% |$ O) m
  23.         }
      k! p2 ?$ \  j6 {6 o5 V. b
  24. }
复制代码
6 x$ p# P- Z) f+ x
  注意到上例采取了3.1所推荐的第2种实现方法,派生了一个新类CCoolList。 # N7 h/ B) k, R+ w) b

( M; @3 ~: \9 y  3.4 使用MFC类的虚函数机制 ! _6 ^' E8 L, F0 ^" P* M
  修改Windows界面,除了从Windows消息机制下功夫,也可以从MFC类下功夫,这应该得益于类的虚函数机制。为了防止诸如“面向对象技术”等术语在此泛滥,以下仅举一段代码作为例子:
7 e# T  E5 U4 a  @+ ^2 k! p
  1. / r' q+ G9 _4 T% _/ e, b1 @
  2. void CView::OnPaint()
    : q( I) j3 E& A
  3. {
    + o& C3 u7 R2 J' L5 L0 z
  4.         // standard paint routine
    & J7 o- s$ [+ b; }$ H0 t
  5.         CPaintDC dc(this);
    $ ]: c! w7 D* x/ m$ o( }' W% w
  6.         OnPrepareDC(&dc);
    ! |3 X# F5 M4 l
  7.         OnDraw(&dc);
    ; B% B+ h, j2 z) E0 W( S
  8. }
复制代码
$ _6 }: r& j0 b* m
  这是MFC中viewcore.cpp中的源代码,很多读者总不明白OnDraw()和OnPaint()之间的关系,从以上的代码中很容易看出,CView的WM_PAINT消息响应函数OnPaint()会自动调用CView::OnDraw()。而作为开发者的用户,可以通过简单的OnDraw()的重载实现对WM_PAINT的处理。所以说,对MFC类的虚函数的重载是对消息机制的扩展。
+ ?# G" J+ q" A* ~- W  ~3 A& ~$ V  以下列出了与界面美化相关的虚函数,参数说明略去: ; L* y! G; a8 i+ j
CButton::DrawItem
. q' @% J$ J" c$ dCCheckListBox::DrawItem
2 E( O1 V% w2 E4 j, Z& Y  \5 _CComboBox::DrawItem
; ]; H* d' ~9 y; ?CHeaderCtrl::DrawItem 5 |4 T3 I8 m. R9 y- ]! X/ ]
CListBox::DrawItem
% v2 [0 d$ N9 L& d: yCMenu::DrawItem
! a2 e! T( p" iCStatusBar::DrawItem
7 z" K0 A% _$ ?8 uCStatusBarCtrl::DrawItem 4 U9 F, Z, b1 n+ n* J
CTabCtrl::DrawItem% ~9 j# E) g. F4 u
virtual void DrawItem( LPDRAWITEMSTRUCT lpDrawItemStruct );
- c3 j3 v4 r7 Q; g1 t+ @& zOwner draw元素自绘函数 很显然,位图菜单都是通过这个DrawItem画出来的。1 c  O3 |: D0 ^  Q( W* k
  限于篇幅,在此不再附以例程。 $ P" \" o1 L) x

5 D/ K& i+ U' H9 f8 z. u/ I1 p参考文献
6 M- {& v4 O0 E6 P4 S& m本文为白乔原创,曾经在《电脑爱好者》合订本上发表。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|宁德市腾云网络科技有限公司 ( 闽ICP备2022007940号-5|闽公网安备 35092202000206号 )

GMT+8, 2026-6-18 10:28 , Processed in 0.024606 second(s), 15 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表