自绘Tab控件

自绘tab按钮效果图如下：

使用例子：

MyTabControl *tabControl = NULL;

tabControl = new MyTabControl();
tabControl->Create(this, CRect(0,0,125,27), L"花生", ID_BTN_MYTAB);
tabControl->SetTabIndex(index);

tabControl->SetShowText(L"花生");

tabControl->SetTabState(TAB_STATE_DOWN);

tabControl->SetToolTipText(L"花生");

头文件：

1. #pragma once
2. #include "LhsButton.h"
3. // MyTabControl
4. #define ID_BTN_MYTAB_CLOSE  2100            //关闭按钮的id
5. #define MYWM_BTN_TAB_CLOSE WM_USER+2001     //关闭按钮单击响应
6. #define MYWM_BTN_TAB_CLICK WM_USER+2002     //tab按钮单击
7. //tab按钮的状态
8. enum TabState
9. {
10. TAB_STATE_NOR           = 0,
11. TAB_STATE_DOWN          = 1,
12. };
13. class MyTabControl : public CWnd
14. {
15. DECLARE_DYNAMIC(MyTabControl)
16. public:
17. MyTabControl();
18. virtual ~MyTabControl();
19. bool Create(CWnd* pParent,CRect rc,CString text,DWORD id = 0,DWORD style = WS_VISIBLE|WS_CHILD);
20. DECLARE_MESSAGE_MAP()
21. public:
22. void SetShowText(CString strShowText);
23. protected:
24. CString szClassName;
25. bool m_isMouseHover;        //鼠标是否悬浮
26. bool m_isMouseClicked;      //鼠标是否单击
27. CString m_strShowText;      //要显示的文字
28. CString m_strTabText;       //绘制在tab按钮下的文字
29. Image*                      m_pImgNor;          //正常时的图片
30. Image*                      m_pImgHot;          //鼠标悬浮时的图片
31. Image*                      m_pImgDown;         //单击按下时的图片
32. void PostClickEvent();
33. afx_msg int OnCreate(LPCREATESTRUCT lpCreateStruct);
34. afx_msg void OnMouseMove(UINT nFlags, CPoint point);
35. afx_msg void OnMouseHover(UINT nFlags, CPoint point);
36. afx_msg void OnMouseLeave();
37. afx_msg void OnLButtonDown(UINT nFlags, CPoint point);
38. afx_msg void OnLButtonUp(UINT nFlags, CPoint point);
39. afx_msg BOOL OnEraseBkgnd(CDC* pDC);
40. afx_msg void OnPaint();
41. afx_msg void OnSize(UINT nType, int cx, int cy);
42. afx_msg LRESULT OnBtnClose(WPARAM wParam, LPARAM lParam);
43. virtual BOOL PreTranslateMessage(MSG* pMsg);
44. public:
45. void SetTabState(TabState state){m_tabState = state; Invalidate();} //设置tab状态
46. TabState GetTabState(){return m_tabState;}
47. void SetToolTipText(CString spText, BOOL bActivate = TRUE);
48. void SetTabIndex(int idx){m_nIndex = idx;}
49. int GetTabIndex(){return m_nIndex;}
50. private:
51. DWORD GetComfortSize(HDC hdc, DWORD dwWidth, CString &strText);
52. private:
53. TabState m_tabState;                            //tab的状态
54. CLhsButton m_btnClose;                          //关闭按钮
55. CToolTipCtrl*   m_pToolTip;
56. CString m_tooltext;
57. bool m_bCenterAlign;                            //是否居中对齐
58. int m_nIndex;                                   //tab按钮的索引
59. public:
60. afx_msg HBRUSH OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor);
61. };

1. // MyTabControl.cpp : 实现文件
2. //
3. #include "stdafx.h"
4. #include "../Lander_mini.h"
5. #include "MyTabControl.h"
6. #include "memdc.h"
7. #include "../Utility.h"
8. // MyTabControl
9. IMPLEMENT_DYNAMIC(MyTabControl, CWnd)
10. MyTabControl::MyTabControl()
11. {
12. m_isMouseHover = false;
13. m_isMouseClicked = false;
14. // 注册控件类
15. szClassName = AfxRegisterWndClass(0);
16. m_pImgNor = NULL;
17. m_pImgHot = NULL;
18. m_pImgDown = NULL;
19. m_tabState = TAB_STATE_NOR;
20. m_pToolTip = NULL;
21. m_bCenterAlign = false;
22. m_nIndex = 0;
23. }
24. MyTabControl::~MyTabControl()
25. {
26. SAFE_RELEASE(m_pToolTip);
27. SAFE_RELEASE(m_pImgNor);
28. SAFE_RELEASE(m_pImgHot);
29. SAFE_RELEASE(m_pImgDown);
30. }
31. BEGIN_MESSAGE_MAP(MyTabControl, CWnd)
32. ON_WM_MOUSEMOVE()
33. ON_WM_MOUSEHOVER()  // 此消息系统并不会给我们发送
34. ON_WM_MOUSELEAVE()
35. ON_WM_LBUTTONDOWN()
36. ON_WM_LBUTTONUP()
37. ON_WM_PAINT()
38. ON_WM_SIZE()
39. ON_WM_ERASEBKGND()
40. ON_WM_CREATE()
41. ON_MESSAGE(MYWM_BTN_CLICK, &MyTabControl::OnBtnClose)
42. ON_WM_CTLCOLOR()
43. END_MESSAGE_MAP()
44. // MyTabControl 消息处理程序
45. bool MyTabControl::Create(CWnd* pParent,CRect rc,CString text,DWORD id /* = 0 */,DWORD style /* = WS_VISIBLE|WS_CHILD */)
46. {
47. // 动态创建控件
48. BOOL ret = CWnd::CreateEx(0, szClassName, text, style, rc, pParent, id);
49. return ret ? true : false;
50. }
51. int MyTabControl::OnCreate(LPCREATESTRUCT lpCreateStruct)
52. {
53. //::SetWindowLong(m_hWnd, GWL_EXSTYLE, GetWindowLong(m_hWnd, GWL_EXSTYLE) ^ WS_EX_LAYERED);
54. m_pImgNor = CQYUtility::LoadImgFromRes(_T("PNG"), IDB_PNG_TAB_NOR);
55. m_pImgHot = CQYUtility::LoadImgFromRes(_T("PNG"), IDB_PNG_TAB_HOT);
56. m_pImgDown = CQYUtility::LoadImgFromRes(_T("PNG"), IDB_PNG_TAB_DOWN);
57. RECT rc = {0, 0, 20, 20};
58. m_btnClose.LoadBtnImg(_T("PNG"),IDB_PNG_TAB_CLOSE_NOR, IDB_PNG_TAB_CLOSE_HOT,IDB_PNG_TAB_CLOSE_HOT);
59. m_btnClose.Create(this, rc, L"",ID_BTN_MYTAB_CLOSE);
60. m_btnClose.SetToolTipText(_T("关闭"));
61. EnableToolTips(TRUE);
62. return 0;
63. }
64. void MyTabControl::PostClickEvent()
65. {
66. if (m_tabState == TAB_STATE_DOWN)
67. return;     //选中的tab不响应单击了
68. // 该函数用来向父窗口发送 单击 消息
69. CWnd* parent = GetParent();
70. if(parent)
71. parent->SendMessage(MYWM_BTN_TAB_CLICK,m_nIndex,0);
72. }
73. void MyTabControl::OnMouseHover(UINT nFlags, CPoint point)
74. {
75. // 鼠标进入
76. Invalidate();
77. }
78. void MyTabControl::OnMouseMove(UINT nFlags, CPoint point)
79. {
80. // 只处理鼠标第一次进入时的情况
81. if(!m_isMouseHover)
82. {
83. m_isMouseHover = true;
84. TRACKMOUSEEVENT evt = { sizeof(evt), TME_LEAVE|TME_HOVER, m_hWnd, 0 };
85. TrackMouseEvent(&evt);
86. OnMouseHover(0,CPoint());
87. }
88. }
89. void MyTabControl::OnMouseLeave()
90. {
91. // 鼠标离开
92. m_isMouseHover = false;
93. m_isMouseClicked = false;
94. Invalidate();
95. }
96. void MyTabControl::OnLButtonDown(UINT nFlags, CPoint point)
97. {
98. // 鼠标按下
99. m_isMouseClicked = true;
100. Invalidate();
101. }
102. void MyTabControl::OnLButtonUp(UINT nFlags, CPoint point)
103. {
104. // 鼠标松开
105. if(m_isMouseClicked)
106. {
107. m_isMouseClicked = false;
108. Invalidate();
109. PostClickEvent();
110. }
111. }
112. BOOL MyTabControl::OnEraseBkgnd(CDC* pDC)
113. {
114. //  return CWnd::OnEraseBkgnd(pDC);
115. return TRUE;    // 阻止擦除背景，防止闪烁
116. }
117. void MyTabControl::OnPaint()
118. {
119. CPaintDC dc(this);
120. CRect rc;
121. GetClientRect(&rc);
122. // 采用双缓存，防止闪烁
123. CMemDC memdc(&dc,&rc,TRUE);
124. Graphics graphic(memdc);
125. if (!m_pImgNor || !m_pImgHot || !m_pImgDown)
126. {//没有提供按钮图片就刷下背景
127. // 刷背景
128. COLORREF bkgnd = RGB(100,0,0);
129. if(m_isMouseHover)
130. {
131. if(m_isMouseClicked)
132. bkgnd = RGB(250,0,0);
133. else
134. bkgnd = RGB(180,0,0);
135. }
136. memdc.FillSolidRect(&rc,bkgnd);
137. }
138. if (m_isMouseClicked || m_tabState == TAB_STATE_DOWN)
139. {//单击一定画单击状态
140. graphic.DrawImage(m_pImgDown, 0, 0, m_pImgDown->GetWidth(), m_pImgDown->GetHeight());
141. }
142. else if (m_isMouseHover && !m_isMouseClicked)
143. {
144. //悬浮,但是没单击
145. graphic.DrawImage(m_pImgHot, 0, 0, m_pImgHot->GetWidth(), m_pImgHot->GetHeight());
146. }
147. else
148. {
149. graphic.DrawImage(m_pImgNor, 0, 0, m_pImgNor->GetWidth(), m_pImgNor->GetHeight());
150. }
151. if (!m_strTabText.IsEmpty())
152. {
153. // 设置文字字体
154. CFont font;
155. font.CreatePointFont(100,L"宋体"); // 11号字体，该参数与实际字体号有10倍的关系
156. CFont* poldFont = memdc.SelectObject(&font);
157. // 设置文字属性
158. memdc.SetBkMode(TRANSPARENT);
159. if (m_tabState == TAB_STATE_DOWN)
160. memdc.SetTextColor(RGB(136,76,25));
161. else
162. memdc.SetTextColor(RGB(255,245,190));
163. // 绘制文本
164. DWORD style = DT_SINGLELINE | DT_VCENTER ;   // 文本格式：单行+水平居中+垂直居中
165. //if (m_bCenterAlign)
166. //  style |= DT_CENTER;
167. CRect fontRect(rc);
168. fontRect.left += 13;
169. fontRect.right -= 22;
170. memdc.DrawText(m_strTabText, -1, &fontRect, style);    // 更多文本显示格式可参考百度百科DrawText说明
171. memdc->SelectObject(poldFont);
172. }
173. // 使绘制生效
174. graphic.ReleaseHDC(memdc);
175. }
176. BOOL MyTabControl::PreTranslateMessage(MSG* pMsg)
177. {
178. if (m_pToolTip)
179. {
180. if (::IsWindow(m_pToolTip->m_hWnd))
181. {
182. m_pToolTip->RelayEvent(pMsg);
183. }
184. }
185. return CWnd::PreTranslateMessage(pMsg);
186. }
187. void MyTabControl::OnSize(UINT nType, int cx, int cy)
188. {
189. CRect rect;
190. GetClientRect(&rect);
191. m_btnClose.SetWindowPos(NULL, rect.right - 22, rect.top + 2, 20, 20, SWP_NOZORDER);
192. }
193. LRESULT MyTabControl::OnBtnClose(WPARAM wParam, LPARAM lParam)
194. {
195. // 该函数用来向父窗口发送 单击 消息
196. CWnd* parent = GetParent();
197. if(parent != NULL)
198. {
199. parent->SendMessage(MYWM_BTN_TAB_CLOSE, m_nIndex, 0);
200. }
201. return 0;
202. }
203. void MyTabControl::SetToolTipText(CString spText, BOOL bActivate)
204. {
205. if (m_pToolTip == NULL)
206. {
207. m_pToolTip = new CToolTipCtrl;
208. // Create ToolTip control
209. m_pToolTip->Create(this);
210. m_pToolTip->Activate(TRUE);
211. }
212. m_tooltext = spText;
213. // If there is no tooltip defined then add it
214. if (m_pToolTip->GetToolCount() == 0)
215. {
216. CRect rectBtn;
217. GetClientRect(rectBtn);
218. m_pToolTip->AddTool(this, m_tooltext, rectBtn, 1);
219. }
220. // Set text for tooltip
221. m_pToolTip->UpdateTipText(m_tooltext, this, 1);
222. m_pToolTip->SetDelayTime(2000);
223. m_pToolTip->Activate(bActivate);
224. }
225. DWORD MyTabControl::GetComfortSize(HDC hdc,DWORD dwWidth,CString &strText)
226. {
227. //二分法查找
228. DWORD dwComfortSize = 0;
229. DWORD dwBeginSize = 0;
230. DWORD dwEndSize = strText.GetLength();
231. while(TRUE)
232. {
233. DWORD dwMiddleSize = (dwEndSize + dwBeginSize) / 2;
234. if(dwMiddleSize == dwBeginSize || dwMiddleSize == dwEndSize)
235. {
236. //两个点之间已经没有数值可以检测，退出循环
237. dwComfortSize = dwBeginSize;
238. break;
239. }
240. SIZE sizeChk = {0};
241. ::GetTextExtentPoint(hdc, strText.GetBuffer(), dwMiddleSize, &sizeChk);
242. if(sizeChk.cx == dwWidth)
243. {
244. //数值刚好合适，跳出循环
245. dwComfortSize = dwMiddleSize;
246. break;
247. }
248. else if(static_cast<DWORD>(sizeChk.cx) > dwWidth)
249. {
250. //重新设置边界
251. dwEndSize = dwMiddleSize;
252. }
253. else
254. {
255. //重新设置边界
256. dwBeginSize = dwMiddleSize;
257. }
258. }
259. return dwComfortSize;
260. }
261. void MyTabControl::SetShowText(CString strShowText)
262. {
263. m_strShowText = strShowText;
264. CRect rect;
265. GetClientRect(&rect);
266. SIZE sizeEllipsis = {0};
267. ::GetTextExtentPoint(GetDC()->GetSafeHdc(), strShowText.GetBuffer(), lstrlen(strShowText.GetBuffer()), &sizeEllipsis);
268. if (sizeEllipsis.cx  < rect.Width() - 40)
269. {//显示区域够宽
270. m_bCenterAlign = true;
271. m_strTabText = strShowText;
272. return;
273. }
274. memset(&sizeEllipsis,0, sizeof(sizeEllipsis));
275. CString ellipsStr = _T("...");
276. ::GetTextExtentPoint(GetDC()->GetSafeHdc(), ellipsStr.GetBuffer(), lstrlen(ellipsStr.GetBuffer()), &sizeEllipsis);
277. DWORD dwMaxDisp = GetComfortSize(GetDC()->GetSafeHdc(), rect.Width() - sizeEllipsis.cx - 20, strShowText);
278. if (dwMaxDisp >= strShowText.GetLength())
279. {
280. m_strTabText = strShowText;
281. }
282. else
283. {
284. m_strTabText = m_strShowText.Left(dwMaxDisp);
285. m_strTabText += ellipsStr;
286. }
287. }
288. HBRUSH MyTabControl::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
289. {
290. HBRUSH hbr = CWnd::OnCtlColor(pDC, pWnd, nCtlColor);
291. // TODO:  在此更改 DC 的任何属性
292. //  m_btnClose.SetBkGnd(pDC);
293. // TODO:  如果默认的不是所需画笔，则返回另一个画笔
294. return hbr;
295. }

//内存DC类和按钮类见链接：点击打开链接

http://blog.csdn.net/huasonl88/article/details/43227291