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

VC之美化界面篇

[复制链接]
发表于 2006-12-14 13:11:14 | 显示全部楼层 |阅读模式
  1. 美化界面之开题篇
- U/ j! M  A8 ?7 J' @* K  相信使用过《金山毒霸》、《瑞星杀毒》软件的读者应该还记得它们的精美界面:
图1 瑞星杀毒软件的精美界面
  程序的功能如何如何强大是一回事,它的用户界面则是另一回事。千万不要忽视程序的用户界面,因为它是给用户最初最直接的印象,丑陋的界面、不友好的风格肯定会影响用户对软件程序的使用。& j$ G# h2 \  b. ]
  “受之以鱼,不若授之以渔”,本教程并不会向你推荐《瑞星杀毒软件》精美界面的具体实现,而只是向你推荐一些常用的美化方法。& ?# E; |. i- `8 F
6 m! `+ s; M9 L& E0 Z; M) R) }
  2. 美化界面之基础篇
! Y! i% M8 q9 v# V# N  美化界面需要先熟悉Windows下的绘图操作,并明白Windows的幕后绘图操作,才能有的放矢,知道哪些可以使用,知道哪些可以避免……
5 M2 a! k. b% |2 U! \; l
7 }, m  ^1 D; r7 V2 U! C) K  2.1 Windows下的绘图操作* D! R2 V* P9 o$ K" x
  熟悉DOS的读者可能就知道:DOS下面的图形操作很方便,进入图形模式,整个屏幕就是你的了,你希望在哪画个点,那个地方就会出现一个点,红的、或者黄的,随你的便。你也可以花点时间画个按钮,画个你自己的菜单,等等……
. |- N2 {1 n5 ]5 p+ `  Windows本身就是图形界面,所以Windows下面的绘图操作功能更丰富、简单。要了解Windows下的绘图操作,要实现Windows界面的美化,就必须了解MFC封装的设备环境类和图形对象类。
7 C3 z/ s3 U1 I6 q
, {# u6 d( z: j9 Q  2.1.1 设备环境类
7 P' I( k4 t9 M. v4 w" s4 Q  Windows下的绘图操作说到底就是DC操作。DC(Device Context设备环境)对象是一个抽象的作图环境,可能是对应屏幕,也可能是对应打印机或其它。这个环境是设备无关的,所以你在对不同的设备输出时只需要使用不同的设备环境就行了,而作图方式可以完全不变。这也就是Windows的设备无关性。
- ~& K) z8 i3 T- h, J  MFC的CDC类封装了Windows API 中大部分的画图函数。CDC的常见操作函数包括:* r5 `) [9 C  ?# i
  Drawing-Attribute Functions:绘图属性操作,如:设置透明模式3 \. h# Y- t' ?1 I
  Mapping Functions:映射操作' F& b5 V' l- u
  Coordinate Functions:坐标操作4 B% q- r. r' i; u
  Clipping Functions:剪切操作( J' a6 p( A) H# Z
  Line-Output Functions:画线操作2 S* ?; s6 J  a6 [- h
  Simple Drawing Functions:简单绘图操作,如:绘制矩形框
  A- T( Z9 O2 S- p/ h9 x* p% X  Ellipse and Polygon Functions:椭圆/多边形操作! g* K( A  l+ y4 H" P9 H* b; y
  Text Functions:文字输出操作
" O* R" L0 h4 f5 p  Printer Escape Functions:打印操作
8 b8 n* l" a9 l5 ^5 u4 A4 V  Scrolling Functions:滚动操作
- B6 h( @% ^& G* Y! i4 ^$ {  *Bitmap Functions:位图操作
: I6 e! Z3 B8 O- Q* _  J  *Region Functions:区域操作
! r' i' t. s0 c% y7 S  *Font Functions:字体操作
5 O1 ]5 V3 C. @* M' W# ^7 e  *Color and Color Palette Functions:颜色/调色板操作
$ a4 o9 \( }& \4 A4 x' C" X( @  其中,标注*项会用到相应的图形对象类,参见2.1.2内容。8 _3 h5 Z7 {  t( T( X' @
1 _" j8 @5 T4 u4 h2 M
  2.1.2 图形对象类
2 o0 _( m# t  o9 f+ b) l  设备环境不足以包含绘图功能所需的所有绘图特征,除了设备环境外, Windows还有其他一些图形对象用来储存绘图特征。这些附加的功能包括从画线的宽度和颜色到画文本时所用的字体。图形对象类封装了所有六个图形对象。
; U# _- v% H" f% T6 H6 C- {% V4 A6 H  下面的表格列出了MFC的图形对象类:
4 b' x. c; h, `1 _" ]  MFC类 图形对象句柄 图形对象目的* u9 i# g. Q! \  t' h
  CBitmap HBITMAP 内存中的位图* f# J; g, v5 Q) m) ]
  CBrush HBRUSH 画刷特性—填充某个图形时所使用的颜色和模式" S+ w& K- T1 D
  CFont HFONT 字体特性—写文本时所使用的字体# b( O/ P0 ~2 x! C. j
  CPalette HPALETTE 调色板颜色
& E( n% M& g/ c8 o! x( J) B* B  CPen HPEN 画笔特性—画轮廓时所使用的线的粗细, }, Q: l2 _3 [0 L7 t
  CRgn HRGN 区域特性—包括定义它的点
, H* s7 h" Y' x; y$ b  表1 图形对象类和它们封装的句柄0 e0 c% X) A* y3 a0 l) f
8 C2 j: {% a; C9 ]1 ^( s- V# `
  使用CDC和图形对象类,在Windows里绘图还算是很简单的。观察以下的画面:
: A  Y9 {7 I' o1 [, A
图2 使用CDC绘制出的按钮
  该画面通过以下代码自行绘制的假按钮:( K% F; w3 z" ~( J: _4 {4 c
  1. - E3 y6 X4 z9 ~" ]1 q
  2. BOOL CUi1View::PreCreateWindow(CREATESTRUCT& cs)' }9 [& I# C5 {; J( _' |4 E* P7 T
  3. {
    - ?$ O) v7 H+ N2 R8 _
  4.         //设置背景色4 c# A* t4 K) f% {
  5.         //CBrush CUi1View::m_Back( S+ Q/ t  ~2 y: ?# {
  6.         m_Back.CreateSolidBrush(::GetSysColor(COLOR_3DFACE));
    ' l- b! d& K5 F
  7.         cs.lpszClass = AfxRegisterWndClass(0, 0, m_Back, NULL); , a7 \/ v  m' D+ v) N
  8.        return CView::PreCreateWindow(cs);
    : L; u/ S  u' }' f3 w/ K% d
  9. }8 B, d7 Q3 H. ?6 Z  [3 o. ~
  10. int CUi1View::OnCreate(LPCREATESTRUCT lpCreateStruct)2 q# {: t# R1 O0 t1 |5 J, U
  11. {
    8 o) h. [& K/ `% C8 @) {3 a
  12.         if (CView::OnCreate(lpCreateStruct) == -1)6 u& H6 _% a/ y+ w, M# ^7 g" A4 a
  13.                 return -1;6 z: p6 o! Q; Z$ [8 c. o% B7 [$ a
  14.         //创建字体
    * M" o1 v; y5 H+ g: b: w$ l
  15.         //CFont CUi1View::m_Font# z/ \" K6 R5 I! h% o3 `  \
  16.         m_Font.CreatePointFont(120, "Impact");
    2 g3 H+ ]( |: g3 c4 @0 k
  17.                return 0;- \; [0 Q) F5 I
  18. }
    # L5 j3 l/ x' c
  19. void CUi1View::OnDraw(CDC* pDC)
    1 [7 J; k+ B1 V9 M$ a, _4 P
  20. {
    4 A' H  u# [. x* B) ^: E* P' b
  21.         //绘制按钮框架
    ' B8 g+ R" K: c; I! u3 {) F7 ?
  22.         pDC->DrawFrameControl(CRect(100, 100, 220, 160), DFC_BUTTON, DFCS_BUTTONPUSH);
    % B0 W! V4 v1 {1 Q1 e( L- f
  23.         //输出文字
    3 |0 A5 ]7 p& u! ~- a
  24.         pDC->SetBkMode(TRANSPARENT);
    3 K9 p; A% S. R
  25.         pDC->TextOut(120, 120, "Hello, CFan!");2 f6 _& v" I) x/ l
  26. }
复制代码

5 R$ k8 f4 o8 k$ P1 v  呵呵,不好意思,这并不是真的Windows按钮,它只是一个假的空框子,当用户在按钮上点击鼠标时,放心,什么事情都不会发生。 $ A2 f* f( L4 p6 W! c$ T9 z

; Z# \3 C4 r" W$ z- [  2.2 Windows的幕后绘图操作 ( B( N3 [# b$ V- s& B0 s
  在Window中,如果所有的界面操作都由用户代码来实现,那将是一个很浩大的工程。笔者曾经在DOS设计过窗口图形界面,代码上千行,但实现的界面还是很古板、难看,除了我那个对编程一窍不通的女友,没有一个人欣赏它L;而且,更要命的是,操作系统,包括别的应用程序并不认识你的界面元素,这才是真正悲哀的。认识这些界面的只有你的程序,图2中的按钮永远只是一个无用的框子。5 p6 L  L8 u0 j
  有了Windows,一切都好办了,Windows将诸如按钮、菜单、工具栏等等这些通用界面的绘制及动作都交给了系统,程序员就不用花心思再画那些按钮了,可以将更多的精力放在程序的功能实现方面。+ q8 q5 l( r7 ^7 @3 |
  所有的标准界面元素都被Windows封装好了。Windows知道怎么画你的菜单以及你的标注着“Hello, Cfan!”的按钮。当CFan某个快乐的小编(譬如:小飞)点击这个按钮的时候,Windows也明白按钮按下去的时候该有的模样,甚至,当这个友好的按钮获取焦点时,Windows也会不失时机地为它准备一个虚框……
& d3 J) |) I; z4 \  有利必有弊。你的不满这时候产生了:你既想使用Windows的True Button,可也嫌它的界面不够好看,譬如,你喜欢用蓝色的粗体表达你对CFan的无限情怀(正如图2那样)——人心不足,有办法吗?有的。
2 Q- z  D# J  I2 X6 w% v# s
) G" D& H; p5 ^& \2 T: c2 r  3. 美化界面之实现篇% e1 F" F% K/ b# A
  Windows还是给程序员留下了很多后门,通过一些途径还是可以美化界面的。本章节我们系统学习一下Windows界面美化的实现。- H9 C2 J/ R" c* V, g" \0 I/ _9 m

/ [0 A7 T" @6 H  K3 u& w% e0 ^  3.1 美化界面的途径% r; {( E1 n) @/ K5 \
  如何以合法的手段来达到美化界面的效果?一般美化界面的方法包括:
# z1 \/ j. s) N) E  |  1. 使用MFC类的既有函数,设定界面属性;0 [0 L( ~! l! X( Y3 P
  2. 利用Windows的消息机制,截获有用的Windows的消息。通过MFC的消息映射(Message Mapping)和反射(Message Reflecting)机制,在Windows准备或者正在绘制该元素时,偷偷修改它的状态和行为,譬如:让按钮的边框为红色;
; ~3 m1 j& m4 d% }0 B+ o- z4 a  3. 利用MFC类的虚函数机制,重载有用的虚函数。在MFC框架调用该函数的时候,重新定义它的状态和行为;
! }4 K1 E( O: s( x4 {  一般来说,应用程序可以通过以下两种途径来实现以上的方法:
6 O% f" b+ d1 Z* ^( E5 u, l  1. 在父窗口里,截获自身的或者由子元素(包括控件和菜单等元素)传递的关于界面绘制的消息;
: Y' Y8 Y( j; |1 N. Q' x% F1 X. A  2. 子类化子元素,或者为子元素准备一个新的类(一般来说该类必须继承于MFC封装的某个标准类,如:CButton)。在该子元素里,截获自身的或者从父窗口反射过来的关于界面绘制的消息。譬如:用户可以创建一个CXPButton类来实现具有XP风格的按钮,CXPButton继承于CButton。
6 W* s" j# N  X6 {2 R  对于应用程序,使用CXPButton类的途径相对于对话框窗口和普通窗口分成两种:2 j8 ~6 J7 b/ t+ D
  ① 对话框窗口中,直接将原先绑定按钮的CButton类替换成CXPButton类,或者在绑定变量时直接指定Control类型为CXPButton,如图3所示: - g! j* c6 J. ^8 C! y( N
图3 为按钮指定CXPButton类型
  ②在普通窗口中,直接创建一个CXPButton类对象,然后在OnCreate()中调用CXPButton的Create方法;0 i7 X6 w( j! U) h8 c
  以下的章节将综合地使用以上的方法,请读者朋友留心观察。5 U5 k3 h6 M5 Q

3 P! |5 n1 V* {2 I8 H  3.2 使用MFC类的既有函数% X6 c: K0 ]6 e/ u9 J# }% F5 u
  在界面美化的专题中,MFC也并非一无是处。MFC类对于界面美化也做了部分的努力,以下是一些可以使用的,参数说明略去。/ u) x$ G( q- K3 L) W

0 Y2 u, R) }% D" w) J" Q$ QCWinApp::SetDialogBkColor: d. [7 U1 J- |1 J, u% s
void SetDialogBkColor( COLORREF clrCtlBk = RGB(192, 192, 192), COLORREF clrCtlText = RGB(0, 0, 0) );
) n" I. A0 I7 N% h* z! b指定对话框的背景色和文本颜色。. m: M' A1 N0 L4 \  S

) s- o9 L$ Q- S! R/ uCListCtrl::SetBkColor
% T! J8 y1 b$ J& kCReBarCtrl::SetBkColor
: d) E4 Z# E, G" V' S* S1 w+ Z! JCStatusBarCtrl::SetBkColor; D) A. o% @. }' X/ F- l. L
CTreeCtrl::SetBkColor# }' X; b' y1 P6 `" P* Z5 W5 `
COLORREF SetBkColor( COLORREF clr );1 ^. F3 q, Y/ J& o
设定背景色。5 X% K4 X* f( h5 K4 |
7 ^: s( Q$ _( v" p4 L# `& K
CListCtrl::SetTextColor# S5 a  M7 ~& f" d
CReBarCtrl::SetTextColor
0 o- N6 l% m/ g1 P8 g. A5 kCTreeCtrl::SetTextColor
. F* N' x6 k2 N! V' }3 R# t& pCOLORREF SetTextColor( COLORREF clr );
8 k, S1 ]# u, s5 U8 |5 T设定文本颜色。5 Y3 K7 Q+ b+ G, Y" h* R/ I& f+ O
0 @# X: y: F* O( C' ~3 x/ q
CListCtrl::SetBkImage
) V, ]: g1 T* T) t" W  M9 k0 gBOOL SetBkImage( LVBKIMAGE* plvbkImage );
+ S9 L3 d( c7 [! A6 T4 [$ s5 F$ h9 ZBOOL SetBkImage( HBITMAP hbm, BOOL fTile = TRUE, int xOffsetPercent = 0, int yOffsetPercent = 0);
8 w8 M9 r8 C& uBOOL SetBkImage( LPTSTR pszUrl, BOOL fTile = TRUE, int xOffsetPercent = 0, int yOffsetPercent = 0 );$ {2 w3 T' L/ u/ W( h6 |- ]- M
设定列表控件的背景图片。* S6 i+ _  ~6 K

1 T5 [. T% [! tCComboBoxEx::SetExtendedStyle
- f) K/ Q' O. o' Y# S) BCListCtrl::SetExtendedStyle1 T9 @' N4 _. F4 q
CTabCtrl::SetExtendedStyle
" E, w' H3 w' \! Y2 S. Z; zCToolBarCtrl::SetExtendedStyle   S: w% Q6 i6 }
DWORD SetExtendedStyle( DWORD dwExMask, DWORD dwExStyles );
, G5 O0 S- M* i2 P  Q% k设置控件的扩展属性,例如:设置列表控件属性带有表格线。
+ F% S3 n/ H; T5 }+ m$ S" V  图4是个简单应用MFC类的既有函数来改善Windows界面的例子: 8 }9 _8 r, l7 R( D8 M3 Y0 j2 ]
图4 使用MFC类的既有函数美化界面
  相关实现代码如下:
; s/ }  k0 U: t1 B

  1. . u6 l+ _- z( }$ _1 l4 ^0 N9 F
  2. BOOL CUi2App::InitInstance()  j! i$ }2 \- K$ ?8 `- }
  3. {
      ]+ m* M' [/ ]4 O) o2 _
  4.         //…
    1 X3 [7 Y; F# ?$ J4 M) n1 W  W7 Q- \
  5.         //设置对话框背景色和字体颜色
    ' V& v- `9 c% @1 {. V& J
  6.         SetDialogBkColor(RGB(128, 192, 255), RGB(0, 0, 255));* Y* J6 u8 L# R( J+ ~1 I' d
  7.          //…
    3 }2 K7 z4 V) v. Y. d, J$ f
  8. }+ g  h2 R) ?4 G, U
  9. BOOL CUi2Dlg::OnInitDialog()
    : ^: `2 w4 b2 i% ~* h  `
  10. {
    3 z5 \& J& @' X3 n9 L( G
  11.         //…$ `+ n1 g9 p( i1 F* h2 E* X5 A
  12.         //设置列表控件属性带有表格线, H: i3 J6 a9 L1 K+ E" g( W
  13.         DWORD NewStyle = m_List.GetExtendedStyle();; F( L; V$ c: {. F. O* \  T9 i; a
  14.     NewStyle |= LVS_EX_GRIDLINES;
    + q  F; [2 ]- `) G) x1 x
  15. m_List.SetExtendedStyle(NewStyle);3 D  E" g+ u3 E: n2 @
  16.         //设置列表控件字体颜色为红色
    . i- s0 k  a) ~9 B# d( q
  17.         m_List.SetTextColor(RGB(255, 0, 0));/ V- t8 G8 j% T1 G+ C. d" x
  18.         //填充数据
    4 I0 k5 }& |5 f
  19.         m_List.InsertColumn(0, "QQ", LVCFMT_LEFT, 100);
    $ W2 P8 ^" f0 x5 G* i1 i, i# F
  20.         m_List.InsertColumn(1, "昵称", LVCFMT_LEFT, 100);
    7 L; y) w( X' I# l5 a1 O% K
  21.         m_List.InsertItem(0, "5854165");2 i+ b3 [& Z8 I3 s5 n- Y6 M
  22.         m_List.SetItemText(0, 1, "白乔");
    0 D7 E! f: X' q- |, M, C; ~8 ~* c
  23.         m_List.InsertItem(1, "6823864");! B+ O, G3 U% L! a0 x9 S; t
  24.         m_List.SetItemText(1, 1, "Satan");
    9 r. ?4 |. P5 Z
  25.         //…
    5 k* E/ o6 T4 e9 c" `8 K8 J& c
  26. }
复制代码
4 ]* F# E* [* ^( c
  嗯,这样的界面还算不错吧? % S- [! g) _% {3 Z3 }

1 u/ f5 X/ Z* V  3.3 使用Windows的消息机制7 n! k9 y1 `- T5 M$ f9 b
  使用MFC类的既有函数来美化界面,其功能是有限的。既然Windows是通过消息机制进行通讯的,那么我们就可以通过截获一些有用的消息来美化我们的界面,以下是一些有用的Windows消息: 3 ?* v7 A, L) M) q) `1 t/ ]. W
WM_PAINT
( e( V% ?6 U2 [: h& Z+ P( JWM_ERASEBKGND
+ A+ d, D8 {' c  x) G1 f/ aWM_CTLCOLOR* , o. U% h! P5 K2 X. O+ R
WM_DRAWITEM*
7 ~& i) s* z- K" C; S7 S. }WM_MEASUREITEM* 0 ~# w$ S. l3 @
NM_CUSTOMDRAW*
) p; O0 L* L% v9 O: J+ U4 g  注意,标注*的消息是子元素发送给父窗口的通知消息,其它的为窗口或者子元素自身的消息。
# q% S$ K- l. [, ^+ }& O0 p
+ L1 `7 ^- k( O  C# z0 |  3.3.1 WM_PAINT
5 K9 q  q0 H( c6 T( M& R" {  WM_PAINT消息相信大家都很熟悉,一个窗口要重绘了,就会有一个WM_PAINT消息发送给窗口。; H$ G. U9 O+ Y0 d9 K% i6 w
  可以响应窗口的WM_PAINT,以更改它们的模样。WM_PAINT的映射函数原型如下: $ Z. e  _0 a+ s/ t9 s. F7 ]
  afx_msg void OnPaint();
5 p4 Y0 @1 x* T! N, f  控件也是窗口,所以控件也有WM_PAINT消息,通过消息映射我们完全可以定义控件的界面。如图5所示: " o% d5 `  v, u0 u) \( k0 r+ p5 f
  图5 利用WM_ PAINT消息美化界面 实现代码也很简单:
8 g' a  E7 y, i* V% ^

  1. 6 f9 J  g# Y$ \; q& W( a$ `- @
  2. void CLazyStatic::OnPaint() + W0 t" d, |5 ^" O7 j
  3. {0 f  V" {/ ]' l% o& [/ e
  4.         CPaintDC dc(this); // device context for painting/ c9 j. b& J7 g' e* _8 ?. g( r
  5.          ) q  h1 e4 X' n& s) p1 U8 w& u
  6.        //什么都不输出,仅仅画一个矩形框1 ?; s, P: i8 b4 C4 ]" Z& O
  7.         CRect rc;
      n: t+ p, `* x! E: ^- c& p
  8.         GetClientRect(&rc);
    : \9 V! N. B' A1 b, W
  9.         dc.Rectangle(rc);
    3 z  G( v/ m0 i
  10. }
复制代码
# J: _3 v) J* v9 K( b$ J
  哈哈,简单吧?不过WM_PAINT确实绝了点,它要求应用程序完成元素界面的所有绘制过程,想象一下如何画出一个完整的列表控件?太烦了吧。一般来说,很少有人喜欢使用WM_PAINT,还有其它更细致的消息。. S! G& t9 V; {) O" z

: [+ p/ l4 l) f, [6 J- r4 C* s  3.3.2 WM_ERASEBKGND
# V6 o# J! ^3 [! l* k  Windows在向窗口发送WM_PAINT消息之前,总会发送一个WM_ERASEBKGND消息通知该窗口擦除背景,默认情况下,Windows将以窗口的背景色清除该窗口。
1 J2 U& [9 t, ]) L  可以响应窗口(包括子元素)的WM_ERASEBKGND,以更改它们的背景。WM_ERASEBKGND的映射函数原型如下:
) ~/ T9 r2 }5 E; U* R6 b  afx_msg BOOL OnEraseBkgnd( CDC* pDC );
% r- q0 Y8 {2 ^  返回值: ( k$ T0 ~% J, L& x! m
  指定背景是否已清除,如果为FALSE,系统将自动清除
- M# ~: J6 Z' T+ D6 k# _  参数: pDC指定了绘制操作所使用的设备环境。
) m4 t! }' B& [1 x- S  图6是个简单的例子,通过OnEraseBkgnd为对话框加载了一副位图背景: 2 H/ J" K8 B8 G# J2 z
图6 利用WM_ ERASEBKGND消息美化界面
  实现代码也很简单: 5 u5 F% U. B3 b0 J1 x
  1. $ y9 A# ^" k/ }" O1 y
  2. BOOL CUi4Dlg::OnInitDialog()) X8 k2 D* w. a& N$ v+ F6 Y
  3. {( o7 z1 X. B$ R/ j+ r
  4. //…
    6 L. G4 J' l  }/ Z0 [& u
  5.         //加载位图
    # o: S9 U% b+ O1 f; O; w4 U- J
  6.         //CBitmap m_Back;1 g  G. b  h( e4 {" w( {) K
  7.         m_Back.LoadBitmap(IDB_BACK);
    7 k! n& J2 u* U! g" c2 Y
  8.         //…' S% S0 j9 M8 r% f( Z) ]
  9. }' G1 p. C6 n9 {( g( z) P3 U5 j
  10. BOOL CUi4Dlg::OnEraseBkgnd(CDC* pDC) 6 m) N7 [: w; A- F) c
  11. {
    : ^1 I2 `1 B6 T1 R5 B" S7 |8 w$ A
  12.         CDC dc;
    7 d) H6 s' `# t5 [! }
  13.         dc.CreateCompatibleDC(pDC);
    / I2 t, T0 O8 D+ b; Y7 f+ Z
  14.         dc.SelectObject(&m_Back);5 F8 l/ T, Q9 \, N  L, y# I
  15.         //获取BITMAP对象: T0 K: y/ |9 i8 [# M
  16.         BITMAP hb;
    + h9 Q/ S2 ]. r% F. k" |# _' a
  17.         m_Back.GetBitmap(&hb);
    . h+ ~3 f' i% C# Z3 r& V
  18.         //获取窗口大小7 n4 ^7 b# i8 ]% x7 u
  19.         CRect rt;- d# ]( d# x. ~+ i* [
  20.         GetClientRect(&rt);/ k5 i6 g9 O& [  c3 R2 _: z0 T- r
  21.         //显示位图
      t1 ^7 E, _  W) h) P
  22.         pDC->StretchBlt(0, 0, rt.Width(), rt.Height(),0 a) {% k% T0 f# n. R% l7 v
  23.                 &dc, 0, 0, hb.bmWidth, hb.bmHeight, SRCCOPY);: s7 n4 U' q* m+ ]
  24.         return TRUE;) V2 L9 L8 S2 B7 [2 \# c$ o
  25. }
    1 a$ N5 }2 a( D
  26. HBRUSH CUi4Dlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
    1 r3 w: R% ]; G9 R; m: ~, |$ Z0 O
  27. {
    & i& {8 B1 }! ?
  28.         //设置透明背景模式+ A) W# A+ z1 l8 N' q
  29.         pDC->SetBkMode(TRANSPARENT);
    % K% s  U. n. @8 o
  30.         //设置背景刷子为空; c  G( |! k: }" `- P; b
  31.         return (HBRUSH)::GetStockObject(HOLLOW_BRUSH);" V$ ~4 `' v: ~: ?( ^
  32. }
复制代码
" ~% K$ [0 U( i* L
  同时别忘了响应OnCtlColor,否则窗口里面的控件就不透明了。OnCtlColor的内容,详见3.3.3章节。 & J2 l; D1 v  y! _" H/ E3 ]
+ H! `' p% o( Q
  3.3.3 WM_CTLCOLOR : t) v( E- j7 i! |+ O
  在控件显示之前,每一个控件都会向父对话框发送一个WM_CTLCOLOR消息要求获取绘制所需要的颜色。WM_CTLCOLOR消息缺省处理函数CWnd::OnCtlColor返回一个HBRUSH类型的句柄,这样,就可以设置前景和背景文本颜色,并为控件或者对话框的非文本区域选定一个刷子。 4 D, c  r; G+ z: f) ?( z" ]0 [
  WM_CTLCOLOR的映射函数原型如下:
4 v7 i8 M2 _9 X! y; \  afx_msg HBRUSH OnCtlColor( CDC* pDC, CWnd* pWnd, UINT nCtlColor );- {+ e! h/ q. f4 Q" }& _
  返回值: 用以指定背景的刷子 1 [) f- y; b# i
  参数:
4 o1 m, u. x. S! {$ p4 k  pDC指定了绘制操作所使用的设备环境。
$ u/ W! ]$ Y0 t* @; ]9 U* z  pWnd 控件指针
3 ?2 N8 I9 r$ P% N  nCtlColor 指定控件类型,其取值如表2所示:
9 u9 k5 M+ K& _! V8 v$ `  类型值 含义
8 D' g% y3 |; g" v2 b+ d# R3 zCTLCOLOR_BTN 按钮控件 , e- ]8 @/ g& p* l5 q" L* s
CTLCOLOR_DLG 对话框 & u' h1 S% i# I- K
CTLCOLOR_EDIT  编辑控件
- k1 ]; y# q8 W7 t' L2 c9 ^: UCTLCOLOR_LISTBOX  列表框 ( y8 [* i3 ^6 P7 _" W: R4 B
CTLCOLOR_MSGBOX  消息框 ; \( l7 b# V: Y' ~6 R4 N& m
CTLCOLOR_SCROLLBAR 滚动条
0 e& i+ a  p% L! M! E/ _% RCTLCOLOR_STATIC 静态控件 / \5 J, X  j" d5 `
表2 nCtlColor的类型值与含义
3 g3 `4 ~+ Z; Z. G
7 i# k/ L% R# L! ~" o8 `- L9 S6 [  作为一个简单的例子,观察以下的代码: ( M/ I! a6 N/ L2 N4 O  N$ W. ]; S

  1. * y2 `6 ?  ~+ D
  2. BOOL CUi5Dlg::OnInitDialog()
    ) w3 x9 J% i$ s& b) m
  3. {$ G1 K4 J  U( U: H8 ?
  4.         //…
    ' n. T1 `/ E; q9 O1 Q3 q& l
  5.         //创建字体
    + a; I$ Y0 V; F" n
  6.         //CFont CUi1View::m_Font1, CUi1View::m_Font2
    0 U& s# n) |/ n- G" c
  7.         m_Font1.CreatePointFont(120, "Impact");
    0 }5 g9 H* W$ G! Y$ m0 S
  8.         m_Font3.CreatePointFont(120, "Arial");
    ! _% W, h; [0 S+ t: c5 E8 E
  9.                 return TRUE;
    / C" d( d4 S# A: K6 W6 Q! u/ k- z
  10.   // return TRUE  unless you set the focus to a control , H4 W4 `9 |" R3 f
  11. }$ L# ~; |6 _4 m
  12. HBRUSH CUi5Dlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
    : ]" @: X, g3 K5 `. c! t- E: `0 s, a" U
  13. {
    , m$ p: U& A/ E6 P
  14.         HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor);
    5 F6 d; s) f& M; R1 B% s
  15.         if(nCtlColor == CTLCOLOR_STATIC)8 k) w- p; c6 u5 ^& F5 t- e
  16.         {. J4 U  A$ o$ V1 v; ?
  17.                 //区分静态控件7 @/ J! o: g1 z1 K7 d. e% H
  18.                 switch(pWnd->GetDlgCtrlID())
    - }) J* Y) k) T) w( @
  19.                 {
    # w* @* |$ b- q: W5 k, K
  20.                         case IDC_STATIC1:
    ; Y9 e- T" @' A$ v; z( {, s
  21.                         {
    1 e# @( b& W% G' k* }! ~
  22.                                 pDC->SelectObject(&m_Font1);) [5 r5 @& @6 [' n  A; ~" {- v- p
  23.                                 pDC->SetTextColor(RGB(0, 0, 255));
    $ [6 B: ]3 G3 I7 U7 N; y& N
  24.                                 break;0 X# _- b" }% D
  25.                         }
      L$ O5 ]. M) \& f
  26.                         case IDC_STATIC2:6 S/ P" h8 B, {/ d3 [0 \
  27.                         {
    9 K* Y( ^2 ]$ N$ j
  28.                                 pDC->SelectObject(&m_Font2);
    5 V* B3 h/ u( g7 d" _; n: j2 G
  29.                                 pDC->SetTextColor(RGB(255, 0, 0));
    ' _4 i5 v( N9 z+ {+ S+ T% m' D8 R
  30.                                 break;
    5 T2 U. z$ L# u& c5 j# K! e* C
  31.                         }
    " x- \' u/ I9 X4 n, F& C
  32.                 }
    ) Y9 F( T0 Q4 F5 s
  33.         }, U0 D7 t$ q7 j7 T0 h# T$ C/ d
  34.         return hbr;
    . M, c7 N7 I# ]. d# I
  35. }
复制代码

, R9 D1 T3 l1 _; p+ H   生成的界面如下:
+ \. B. s9 N8 E- [
图7 利用WM_CTLCOLOR消息美化界面
% ~! s" A! z; p+ O2 P5 K2 q
  3.3.4 WM_DRAWITEM
+ C* Y! Y& w  @( H  OnCtlColor只能修改元素的颜色,但不能修改元素的界面框架,WM_DRAWITEM则可以。
: V, W: e% g+ F& w  当一个具有Owner draw风格的元素(包括按钮、组合框、列表框和菜单等)需要显示外观时,该元素会发送一条WM_DRAWITEM消息至它的隶属窗口(Owner)。 $ ?0 I0 K, v6 a7 x: z3 M
  WM_DRAWITEM的映射函数原型如下: " f  k( Y" H+ m% p# }. G! o; V
  afx_msg void OnDrawItem( int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct );( k0 k8 x" v5 [
  参数:
5 O* |. x# {2 p5 m: V& F9 b  nIDCtl 该控件的ID,如果该元素为菜单,则nIDCtl为0 3 Q4 ~. r) H$ `
  lpDrawItemStruct 指向DRAWITEMSTRUCT结构对象的指针,DRAWITEMSTRUCT的结构定义如下: ) {- P- j- Q9 }- h. V4 c
  1. . u6 k5 k9 G' t; d, S0 u% I
  2. typedef struct tagDRAWITEMSTRUCT
    5 p2 [$ T# W4 `& k3 [) r
  3. {$ h" \! @! @5 y9 v/ e/ L
  4.     UINT   CtlType;5 a( d4 C) c3 E) X* |% O# D
  5.      UINT   CtlID;
    , N+ }. Q; |  j4 [
  6.      UINT   itemID;& X6 \% q0 i5 l/ P) p! B7 ^* u7 ?
  7.     UINT   itemAction;) W2 W/ J% a" [: p7 e% J
  8.     UINT   itemState;
    # J6 P5 Y  m/ a! Q3 _0 F
  9.     HWND   hwndItem;) v9 u5 t: r8 z  g& Y
  10.     HDC    hDC;$ A/ e+ h2 i& Y2 Z8 B" S$ ~7 L
  11.     RECT   rcItem;
    8 K  {& y$ J6 @4 g; E' c$ @3 V  y
  12.     DWORD  itemData;
    & i4 u3 |8 \+ H& w2 Q
  13. }DRAWITEMSTRUCT;
复制代码
% V, B/ X: T6 ], A: x
CtlType指定了控件的类型,其取值如表3所示: ) ~9 A' u/ K1 z2 {7 [  B( ^
类型值 含义 ( I. {& Y" j' Q: I) J6 D0 h
ODT_BUTTON 按钮控件
* ^4 i% _- m0 |; w- I" Z- C1 ~ODT_COMBOBOX 组合框控件 / ?' `4 W" V/ K% \5 u* K
ODT_LISTBOX 列表框控件
- Q1 I# |8 R4 s8 `; xODT_LISTVIEW 列表视图
/ c/ ?7 e9 N3 MODT_MENU 菜单项 $ s4 d+ [- K0 H3 \
ODT_STATIC 静态文本控件 - q5 Y$ \$ h7 j6 `
ODT_TAB Tab控件 & w9 Z2 r' q) r& [2 y
表3 CtlType的类型值与含义* l1 @+ s: d8 C$ y* ?
: x+ t) O! v3 \" l
  CtlID 指定自绘控件的ID值,该成员不适用于菜单项 * i3 ?8 w' A' {# Y3 a
  itemID表示菜单项ID,也可以表示列表框或者组合框中某项的索引值。对于一个空的列表框或组合框,该成员的值为?C1。这时应用程序只绘制焦点矩形(该矩形的坐标由rcItem 成员给出)虽然此时控件中没有需要显示的项,但是绘制焦点矩形还是很有必要的,因为这样做能够提示用户该控件是否具有输入焦点。当然也可以设置itemAction 成员为合适值,使得无需绘制焦点。 . X! ?# l' h* J: Z" j
  itemAction 指定绘制行为,其取值为表4中所示值的一个或者多个的联合:
, k" Z$ o6 T- W4 F4 P9 N6 T1 q% O9 ]! _类型值 含义
3 V9 b: {, ^; J- ^8 `ODA_DRAWENTIRE 当整个控件都需要被绘制时,设置该值。
) d$ `; R! ]! F9 _% x& WODA_FOCUS 如果控件需要在获得或失去焦点时被绘制,则设置该值。此时应该检查itemState成员,以确定控件是否具有输入焦点。
1 o6 I* c5 C3 x; F' g& _+ DODA_SELECT 如果控件需要在选中状态改变时被绘制,则设置该值。此时应该检查itemState 成员,以确定控件是否处于选中状态。 ! x$ i5 ~  ]8 U2 V
表4 itemAction的类型值与含义
8 F! [8 e+ p" N- j0 x% n  itemState 指定了当前绘制项的状态。例如,如果菜单项应该被灰色显示,则可以指定ODS_GRAYED状态标志。其取值为表5中所示值的一个或者多个的联合:
+ ~& I+ X+ ?, \; ?$ M2 N6 l类型值 含义 " }2 n4 k% \: M# B5 w/ N
ODS_CHECKED 标记状态,仅适用于菜单项。 1 O* a2 x" M  i. A0 C2 u
ODS_DEFAULT 默认状态。
. l9 }) v: j+ _. i$ x; @4 f9 i2 ^ODS_DISABLED 禁止状态。
( q* J. v1 N: B2 F9 ?ODS_FOCUS 焦点状态。 2 U: v( S  E* Y
ODS_GRAYED 灰化状态,仅适用于菜单项。
) n% Y# T; E! oODS_SELECTED 选中状态。 & h& I4 E. ~4 p) t# Q
ODS_HOTLIGHT 仅适用于Windows 98/Me/Windows 2000/XP,热点状态:如果鼠标指针位于控件之上,则设置该值,这时控件会显示高亮颜色。
5 ?% o4 n* I% qODS_INACTIVE 仅适用于Windows 98/Me/Windows 2000/XP,非激活状态。 4 B4 X  j& A6 r$ D7 S- _
ODS_NOACCEL 仅适用于Windows 2000/XP,控件是否有快速键。
2 s9 \( S; K* f: z" }" kODS_COMBOBOXEDIT 在自绘组合框控件中只绘制选择区域。   r4 w" ^. h/ [8 n5 v
ODS_NOFOCUSRECT 仅适用于Windows 2000/XP,不绘制捕获焦点的效果。 ' e7 Z& J* d$ i: N* `! K
表5 itemState的类型值与含义# R. |7 e1 b7 w$ _. W, n; p
  hwndItem 指定了组合框、列表框和按钮等自绘控件的窗口句柄;如果自绘的对象为菜单项,则表示包含该菜单项的菜单句柄。
* L7 o- E5 K( Z# l# _* G$ d  hDC 指定了绘制操作所使用的设备环境。 9 l. v7 t, V7 e, a. Z& d8 `
  rcItem 指定了将被绘制的矩形区域。这个矩形区域就是上面hDC的作用范围。系统会自动裁剪组合框、列表框或按钮等控件的自绘制区域以外的部分。也就是说rcItem中的坐标点(0,0)指的就是控件的左上角。但是系统不裁剪菜单项,所以在绘制菜单项的时候,必须先通过一定的换算得到该菜单项的位置,以保证绘制操作在我们希望的区域中进行。
" B$ u7 q: ?+ A; P0 [  itemData
/ h" [  Q2 O# y, q4 [1 W" ]- z  对于菜单项,该成员的取值为由CMenu::AppendMenu、CMenu::InsertMenu、CMenu::ModifyMenu等函数传递给菜单的值。
+ B/ i& G/ Q& t  对于列表框或这组合框,该成员的取值为由ComboBox::AddString、CComboBox::InsertString、CListBox::AddString或者CListBox::InsertString等函数传递给控件的值。 6 T1 M1 s1 z1 \; d" a4 |& U  X9 T1 ^
  如果ctlType 的取值是ODT_BUTTON或者ODT_STATIC,itemData的取值为0。 ( R7 J- s; E. ]1 ~0 m
  图5是个相应的例子,它修改了按钮的界面: " j; n. a" u9 @
图8 利用WM_DRAWITEM消息美化界面
  实现代码如下:
0 J5 X' v/ h3 K3 l5 N

  1. % k4 X* Q* m" ~  x, T6 S
  2. BOOL CUi6Dlg::OnInitDialog(), H' B: m. {1 k( `' j
  3. {: p" G. M# P6 m6 S* N( |8 ?. o
  4.         //…
    0 i6 R. Q; [( h( Q/ c& u& ~
  5.         //创建字体( T3 @4 a' m; I/ Z
  6.         //CFont CUi1View::m_Font5 s# t3 i/ N( u9 U5 P, g3 a
  7.         m_Font.CreatePointFont(120, "Impact");
    ) |% F( z, ^8 W, i% A
  8.         //…( A4 |, i. \0 U% j  k) _5 i4 h8 w
  9. }
    5 [" S1 o6 Z6 s. y4 O
  10. void CUi6Dlg::OnDrawItem(int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct)
    1 p' _3 X( w' W
  11. {
    , z) c5 n: l# h$ e8 n% ^/ {9 f
  12.         if(nIDCtl == IDC_HELLO_CFAN)
    7 ?- V" D: f$ z, @2 a
  13.         {% c9 m8 C' \$ O' Z$ L% W; V' _
  14.                 //绘制按钮框架
    9 [) z9 M' }5 y3 q
  15.                 UINT uStyle = DFCS_BUTTONPUSH;
    4 T2 P, Q. F. s& w+ [
  16.                 //是否按下去了?
    ( g" W( x2 v% S5 q9 S9 D! ?
  17.                 if (lpDrawItemStruct->itemState & ODS_SELECTED)4 B+ E3 h4 P6 R0 C  P" u
  18.                         uStyle |= DFCS_PUSHED;
    0 O' a8 R; ^) @; ]. x
  19.                 CDC dc;
    . z6 r5 F2 b- D
  20.                 dc.Attach(lpDrawItemStruct->hDC);0 |& Q& Q, [; v- P
  21.                 dc.DrawFrameControl(&lpDrawItemStruct->rcItem, DFC_BUTTON, uStyle);  p6 u. ?* x+ c. i, j
  22.                 //输出文字
    - _1 z) Z5 }" S3 b- r
  23.                 dc.SelectObject(&m_Font);
    ! K, ?- p/ U$ p; o
  24.                 dc.SetTextColor(RGB(0, 0, 255));
    6 R4 J7 K9 B, D% n1 G2 Y2 V
  25.                 dc.SetBkMode(TRANSPARENT);
    2 k4 `; w7 R! R+ j1 i
  26.                 CString sText;- ?% x' u9 g) L1 ?$ \: B
  27.                 m_HelloCFan.GetWindowText(sText);9 y. r& j1 i$ F  P
  28.                 dc.TextOut(lpDrawItemStruct->rcItem.left + 20, lpDrawItemStruct->rcItem.top + 20, sText);
    ) H  q% V* S; H2 h; Q, \
  29.                 //是否得到焦点
    * \: G" ?4 P0 y0 H2 ?, {, r- v
  30.                 if(lpDrawItemStruct->itemState & ODS_FOCUS)
    1 ^: _4 c" b. ]  a
  31.                 {
    ! y. T! _$ I+ I  L# f/ I* n
  32.                         //画虚框
    " E# o5 [. n3 V
  33.                         CRect rtFocus = lpDrawItemStruct->rcItem; - |7 D4 \7 p8 y8 M/ f
  34.                        rtFocus.DeflateRect(3, 3);
    , ^$ `1 C( M! _" v( J, U
  35.                         dc.DrawFocusRect(&rtFocus);, Y0 o( F$ z0 j6 o* o" u
  36.                 }5 u! p9 |* ^; U7 Z) f9 M0 x
  37.                 return;8 {! v# `* `; Z/ X3 Z2 n
  38.         }; V1 s  ^' I4 ]6 b& ~' E. Z7 B
  39.         CDialog::OnDrawItem(nIDCtl, lpDrawItemStruct);  T, w8 B. e- d+ J2 Z1 ?
  40. }
复制代码

! V+ n  @+ K5 K$ F% h* J  别忘了标记Owner draw属性: # X+ d' Q% |& }
图9 指定按钮的Owner draw属性
  值得一提的是,CWnd内部截获了WM_DRAWITEM、WM_MEASUREITEM等消息,并映射成子元素的相应虚函数的调用,如CButton::DrawItem()。所以,以上例子也可以通过派生出一个CButton的派生类,并重载该类的DrawItem()函数来实现。使用虚函数机制实现界面美化参见3.4章节。
. w+ `! {7 C6 n- [. P, P3 j
- v# U  k/ p5 G7 ^8 L6 t1 c  3.3.5 WM_MEASUREITEM
5 {; g1 F' V' J, v( b9 s3 w, I" |" A  仅仅WM_DRAWITEM还是不够的,对于一些特殊的控件,如ListBox,系统在发送WM_DRAWITEM消息前,还发送WM_MEASUREITEM消息,需要你设置ListBox中每个项目的高度。
7 d+ Z; Q$ [" g$ L2 }% i  WM_DRAWITEM的映射函数原型如下: & W$ o3 v% o; q7 H& l' c
  afx_msg void OnMeasureItem( int nIDCtl, LPMEASUREITEMSTRUCT lpMeasureItemStruct );
  o* G8 H. L/ I! V. `" c1 |  nIDCtl 该控件的ID,如果该元素为菜单,则nIDCtl为0 l- ~$ V" b" Y9 e) q7 u5 \  @
  pMeasureItemStruct指向MEASUREITEMSTRUCT结构对象的指针,MEASUREITEMSTRUCT的结构定义如下:
$ e( N; R$ w+ t- X
  1. % ~4 R6 `8 c7 [4 b
  2. typedef struct tagMEASUREITEMSTRUCT
    / {0 R8 I$ v% Z7 l) a% Q$ o
  3. {+ D0 m- C- q5 S" O5 V' d" K
  4.     UINT   CtlType;
    5 E" z% V) u' t& k4 y
  5.     UINT   CtlID;% J  j: c3 ?) I7 f8 D
  6.     UINT   itemID;
    / z" G& a/ O8 e3 v
  7.     UINT   itemWidth;
    # L$ l- X7 ]+ t! G8 _7 {
  8.     UINT   itemHeight;
    : t& Q0 _1 W( Z( n* p  Y! M
  9.     DWORD  itemData;0 }& l, N1 Z  E
  10. } MEASUREITEMSTRUCT;
复制代码

* Y# z7 Y3 V, r$ R& T& t  CtlType指定了控件的类型,其取值如表6所示:& V5 G; T% M2 @" E& W/ a
类型值 含义, E9 }$ F/ q! f
ODT_COMBOBOX 组合框控件 ( t8 V5 s- a, Y& [8 R3 V' l
ODT_LISTBOX 列表框控件 8 ?  @, F$ s! i- S9 g2 y
ODT_MENU 菜单项
9 m# m, k. N- l表6 CtlType的类型值与含义
, k+ D* K8 o: V4 V! q) h& v' z  CtlID 指定自绘控件的ID值,该成员不适用于菜单项 ( ]$ f0 v. ]! k' [6 t
  itemID表示菜单项ID,也可以表示可变高度的列表框或组合框中某项的索引值。该成员不适用于固定高度的列表框或组合框。
  }' P( ]/ V2 W  itemWidth 指定菜单项的宽度
- f- Y7 @1 ^3 p2 X  itemHeight指定菜单项或者列表框中某项的的高度,最大值为255
' V/ S( ^& J( P  itemData ! i4 k$ j( O* n# y8 G+ H5 a
  对于菜单项,该成员的取值为由CMenu::AppendMenu、CMenu::InsertMenu、CMenu::ModifyMenu等函数传递给菜单的值。
& r$ \# x% k, j( @! l# z  对于列表框或这组合框,该成员的取值为由ComboBox::AddString、CComboBox::InsertString、CListBox::AddString或者CListBox::InsertString等函数传递给控件的值。
1 p$ f' L8 k$ L9 l% N! y  图示出了OnMeasureItem的效果: 7 m% q2 Z# f9 a) n/ m( Y
图10 利用WM_MEASUREITEM消息美化界面
  相应的OnMeasureItem()实现如下: 4 s* S7 o& J, i6 L- `3 w  t
  1. & N# e- G) a5 M! \
  2. void CUi7Dlg::OnMeasureItem(int nIDCtl, LPMEASUREITEMSTRUCT lpMeasureItemStruct)
    4 i8 {: q+ |0 p! y1 i6 }1 Q
  3. {
    * D$ n% w: n3 V8 ^: P4 E
  4.         if(nIDCtl == IDC_COLOR_PICKER)
    / z8 S1 h6 G. D9 x
  5.         {
    0 A/ q5 H8 t3 s; q8 d- Q' ^9 z
  6.                 //设定高度为30
    $ x$ e- t( y3 k; g1 @% i1 j, p% Q
  7.                 lpMeasureItemStruct->itemHeight = 30;
    8 A  _' Q' `/ v; u; Q3 u; q( S# [
  8.                 return;
    9 z' ]9 k4 r, [7 }9 _6 H) t2 I/ o7 x
  9.         }2 E$ P. ~9 p' \5 t+ G- D
  10.         CDialog::OnMeasureItem(nIDCtl, lpMeasureItemStruct);
    * N0 A1 ~4 s7 G$ S+ H8 B
  11. }
复制代码
+ b* C9 b! w/ W/ W' `& F( b
  同样别忘了指定列表框的Owner draw属性:
0 a* Y% D2 Z* M* M1 ]' S+ W1 g7 R
  图11 指定下拉框的Owner draw属性  
0 f7 p9 R; X: x+ _5 x/ p8 R6 S6 Y8 ~
  3.3.6 NM_CUSTOMDRAW ; }! }. |" w& A9 ]9 B
  大家也许熟悉WM_NOTIFY,控件通过WM_NOTIFY向父窗口发送消息。在WM_NOTIFY消息体中,部分控件会发送NM_CUSTOMDRAW告诉父窗口自己需要绘图。
5 ]& j2 ]) o- F  可以反射NM_CUSTOMDRAW消息,如: 8 S, F! W) U9 j+ M- ?
  ON_NOTIFY_REFLECT(NM_CUSTOMDRAW, OnCustomDraw)
' I& Z9 w' L# M4 k4 s  afx_msg void OnCustomDraw(NMHDR *pNMHDR, LRESULT *pResult);
4 R5 r% I6 n$ `! w' l4 t4 i  参数:
4 W5 F1 d( a4 ]9 M) u) R  pNMHDR 说到底只是一个指针,大多数情况下它指向一个NMHDR结构对象,NMHDR结构如下:
! u& F/ n3 g" o. S  ]' ?
  1. 7 J* B' O$ {3 g/ m  ?
  2. typedef struct tagNMHDR  D& u3 x3 J* @
  3. {. E3 t7 D% a, [9 p/ e
  4.      HWND hwndFrom;
    7 P+ S3 p0 e$ ]5 B8 X/ q8 g
  5.      UINT idFrom;
    . w& Q: W4 o+ c( @5 l. d
  6.      UINT code;
    + }! h. g% k2 O
  7. } NMHDR;
复制代码
" _: ~& O& }" u/ T. h
  其中:
9 |# {. [: s; Z  z! y9 Z4 \  hwndFrom 发送方控件的窗口句柄
9 d+ Y, m  E5 `0 z( W# I  idFrom 发送方控件的ID code 通知代码
% D) D# A% D1 n: l  对于某些控件来说,pNMHDR则会解释成其它内容更丰富的结构对象的指针,如:对于列表控件来说,pNMHDR常常指向一个NMCUSTOMDRAW对象,NMCUSTOMDRAW结构如下:
' ?) Y& V$ _/ c' f$ _8 }6 n
  1. 8 d" y2 ?7 Z$ ~- V- ?
  2. typedef struct tagNMCUSTOMDRAWINFO" k6 l( U+ z  N8 b
  3. {! O) [* B  K5 J" Q; o, F
  4.     NMHDR  hdr;
    / ~( [) u7 |* C7 S+ G* v
  5.     DWORD  dwDrawStage;) w$ I7 x, _/ `3 K2 \( {
  6.     HDC    hdc;  e& L$ c9 A6 r# Z% i: @5 m
  7.     RECT   rc;
    ) F0 |# [) R) W6 M
  8.     DWORD  dwItemSpec;4 k3 c- a, o/ `7 m. s1 w
  9.     UINT   uItemState;6 F2 a( n8 |: D" r- u' U9 a" B
  10.     LPARAM lItemlParam;6 X7 o) w0 U/ ^
  11. } NMCUSTOMDRAW, FAR * LPNMCUSTOMDRAW;
复制代码

' x$ i! p, g5 C% U! V/ n# @& k   hdr NMHDR对象 dwDrawStage 当前绘制状态,其取值如表7所示:+ G( y( \7 x% _! C- P) s
类型值 含义
' W0 v, d+ V) ~6 C3 C# O4 mCDDS_POSTERASE 擦除循环结束 " y. o; I8 D( p9 w' l
CDDS_POSTPAINT 绘制循环结束 ) ~; V2 o3 Q- ~' |4 O# ?; i* C
CDDS_PREERASE 准备开始擦除循环 , u; q; R, T: y5 [: B3 f: A
CDDS_PREPAINT 准备开始绘制循环 1 T  C- O# ]5 K( e
CDDS_ITEM 指定dwItemSpec, uItemState, lItemlParam参数有效
7 N0 P1 b5 P" c# o5 ~+ R: }CDDS_ITEMPOSTERASE 列表项擦除结束
. d  l* B. |, T0 qCDDS_ITEMPOSTPAINT 列表项绘制结束 : I2 a) ~/ q9 F( {7 V( o
CDDS_ITEMPREERASE 准备开始列表项擦除
$ y3 ]; O9 L- T. m/ R" w( F0 YCDDS_ITEMPREPAINT 准备开始列表项绘制 2 l0 d6 \  z$ N' W
CDDS_SUBITEM 指定列表子项$ B0 ]0 \  d0 A$ O
表7 dwDrawStage的类型值与含义
3 `) Z2 ]' X1 E  S2 i' _  hdc指定了绘制操作所使用的设备环境。 0 n2 ?+ a' R$ O2 D. t" ]
  rc指定了将被绘制的矩形区域。 3 i% P+ a% @* h3 n
  dwItemSpec 列表项的索引 & s+ P/ V8 S3 u: y4 K
  uItemState 当前列表项的状态,其取值如表8所示:3 Z: R* }+ F: H6 f9 x
类型值 含义
' x+ h1 D1 @0 ~CDIS_CHECKED 标记状态。   [5 Z8 v8 s6 V4 v5 g+ o1 ]  s
CDIS_DEFAULT 默认状态。 5 Z4 U9 |" ]1 `2 `. {; n( j6 K/ v
CDIS_DISABLED 禁止状态。 " N- m" F) J- G: Q1 _: J
CDIS_FOCUS 焦点状态。 1 M3 ~% T# P/ M* D2 B$ G
CDIS_GRAYED 灰化状态。 ; j0 Y: e, Z  f* X. h
CDIS_SELECTED 选中状态。 ; B3 _* {4 _7 U: [' [
CDIS_HOTLIGHT 热点状态。 8 [( G& c) A5 D; J; m7 S5 c8 ]! @
CDIS_INDETERMINATE 不定状态。 7 c1 a( K1 p" H8 D4 `# v2 Q& j) `9 J
CDIS_MARKED 标注状态。8 J, d2 v. u7 P$ l$ F# k! {, Q/ v
表8 uItemState的类型值与含义
; B7 e. {1 @8 _' D5 ~$ q  lItemlParam 当前列表项的绑定数据
8 z- Z* {) R6 x1 W4 u  pResult 指向状态值的指针,指定系统后续操作,依赖于dwDrawStage:
( I/ @* {4 Q7 e& E' J; o, _  当dwDrawStage为CDDS_PREPAINT,pResult含义如表9所示:
9 h3 ^8 l/ G" P, i* t类型值 含义 8 Q( G: R/ B' |
CDRF_DODEFAULT 默认操作,即系统在列表项绘制循环过程不再发送NM_CUSTOMDRAW。   ]4 U: f, v& U) l: [- X9 ]
CDRF_NOTIFYITEMDRAW 指定列表项绘制前后发送消息。
0 @: C* X$ o) a, B) u: ?7 tCDRF_NOTIFYPOSTERASE 列表项擦除结束时发送消息。 . F+ i0 G1 J! F1 f( R0 {
CDRF_NOTIFYPOSTPAINT 列表项绘制结束时发送消息。; k, m2 j1 @: h7 Z3 R; H1 M
表9 pResult的类型值与含义(一)
1 T9 P$ Z5 U- S7 `" F* `  当dwDrawStage为CDDS_ITEMPREPAINT,pResult含义如表10所示:
( ]# A# V  z6 P$ M" g  m# ^4 w! O类型值 含义 & d! @4 \) @4 }- X3 L3 H
CDRF_NEWFONT 指定后续操作采用应用中指定的新字体。 ' p8 p6 ~/ |  q: v' Z7 i
CDRF_NOTIFYSUBITEMDRAW 列表子项绘制时发送消息。 6 D2 G, H3 D! ?( a% Q2 z% m
CDRF_SKIPDEFAULT 系统不必再绘制该子项。# c2 D' p" T7 ~+ h4 G
表10 pResult的类型值与含义(二)
3 O% A: j. i) E( G7 ]8 Z  以下是一个利用NM_CUSTOMDRAW消息绘制出的多色列表框的例子: 4 X% a0 x8 Y% u" j* @/ a/ A
  图12 利用NM_CUSTOMDRAW消息美化界面 3 Q' R5 ^# `% l/ W  S) L5 u
  对应代码如下:
* e7 i" x7 S" d" q9 y

  1. % S7 j1 i- X' I/ @
  2. void CCoolList::OnCustomDraw(NMHDR *pNMHDR, LRESULT *pResult)
    & R; c- i$ m8 ]0 M+ `9 r
  3. {
    / l, Z$ q: e: T% S* G  U
  4.         //类型安全转换
    ( ^1 Y8 n' ]; f9 y- o
  5.         NMLVCUSTOMDRAW* pLVCD = reinterpret_cast<NMLVCUSTOMDRAW*>(pNMHDR);, z6 G  j* Y0 w$ M
  6.         *pResult = 0;8 N# I% Q, V$ Z9 f6 ~
  7.         0 L9 ]: ?0 a9 U7 u& K+ M# b
  8.         //指定列表项绘制前后发送消息
    , B; [! S2 c/ E1 N: T: m6 b
  9.         if(CDDS_PREPAINT == pLVCD->nmcd.dwDrawStage)
    # j5 E& [3 x! p- F( h3 E& a! `
  10.         {4 ~( n( _, j; H; e" ]
  11.                 *pResult = CDRF_NOTIFYITEMDRAW;9 T, T# G0 [% u  F- {) ?1 }& u# P
  12.         }
    7 L4 z2 `( W2 z1 G( _
  13.         else if(CDDS_ITEMPREPAINT == pLVCD->nmcd.dwDrawStage)! y; g( S2 }/ @( _6 P" f
  14.         {
    * A2 `$ y9 a8 U, S3 L# L/ B$ X. z* u- R
  15.                 //奇数行
    . g- M+ l! k" V/ f! d
  16.                 if(pLVCD->nmcd.dwItemSpec % 2). x& D8 E( a, N. y( s0 w! L
  17.                         pLVCD->clrTextBk = RGB(255, 255, 128);
    4 @: L$ R9 O( W1 M
  18.                 //偶数行
    ) K# h. Q4 X$ E3 D( V; I
  19.                 else
    7 Z1 V7 y' D) }% ^- ~8 m1 V) D
  20.                         pLVCD->clrTextBk = RGB(128, 255, 255);4 W. Q2 w+ t5 v& q  g1 {8 ^  v
  21.                 //继续- X' @+ \/ _8 Y* q, i. Q0 Z
  22.                 *pResult = CDRF_DODEFAULT;3 |  E2 V; P% V7 J2 b; n
  23.         }# g9 y1 f. m+ f( c
  24. }
复制代码
' Y0 x: F: K8 @
  注意到上例采取了3.1所推荐的第2种实现方法,派生了一个新类CCoolList。
) Q1 r- t2 V! J* z; |$ l2 C
& j8 O3 T9 e0 \  3.4 使用MFC类的虚函数机制 6 Q) u- W- |/ A( L! e9 D
  修改Windows界面,除了从Windows消息机制下功夫,也可以从MFC类下功夫,这应该得益于类的虚函数机制。为了防止诸如“面向对象技术”等术语在此泛滥,以下仅举一段代码作为例子:
. \# f1 I3 b% D/ @: e

  1. ' _" B: B) o( H! \
  2. void CView::OnPaint()/ T/ R- q' S4 d6 `2 @; I  Q
  3. {
    ! z% ?: {# }: X9 ^3 }
  4.         // standard paint routine
    # W! D- u9 a+ H, r
  5.         CPaintDC dc(this);8 n, G3 y! h3 z, U
  6.         OnPrepareDC(&dc);
    7 X) V: A9 h  c- [- I" {3 u
  7.         OnDraw(&dc);( N4 y& v. e' ^6 J
  8. }
复制代码
3 `0 B9 L% {: Z. k# W1 r
  这是MFC中viewcore.cpp中的源代码,很多读者总不明白OnDraw()和OnPaint()之间的关系,从以上的代码中很容易看出,CView的WM_PAINT消息响应函数OnPaint()会自动调用CView::OnDraw()。而作为开发者的用户,可以通过简单的OnDraw()的重载实现对WM_PAINT的处理。所以说,对MFC类的虚函数的重载是对消息机制的扩展。   [: r' U) F" g; J5 b0 b
  以下列出了与界面美化相关的虚函数,参数说明略去:
9 D+ R# k# f- v# W" m. cCButton::DrawItem   ~! Q9 x, _5 E* U9 d
CCheckListBox::DrawItem : l% D3 V5 e) y0 m  {
CComboBox::DrawItem
3 C/ {$ r4 o- A8 f7 SCHeaderCtrl::DrawItem # ^% G& W/ [" }( I5 a. |! b
CListBox::DrawItem 6 R, ?! }8 D' B
CMenu::DrawItem
. E# Q8 G9 y3 YCStatusBar::DrawItem : X* C- K3 ?; X6 ^2 j7 \
CStatusBarCtrl::DrawItem 6 h( I7 d4 N, @9 `8 r; |( ]; u
CTabCtrl::DrawItem3 h3 q% H3 k: c- P- h* `
virtual void DrawItem( LPDRAWITEMSTRUCT lpDrawItemStruct );
, j6 t: J9 H4 x# ~* MOwner draw元素自绘函数 很显然,位图菜单都是通过这个DrawItem画出来的。( u3 s" O9 N( Q6 a
  限于篇幅,在此不再附以例程。
& h' e. d1 V5 U' s- C2 T/ `% F: c: N. L. @) V) n# g+ P
参考文献$ p' r5 |( F7 ~/ H: q
本文为白乔原创,曾经在《电脑爱好者》合订本上发表。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2025-12-15 11:34 , Processed in 0.022187 second(s), 15 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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