跟我一起玩Win32开发（8）：绘图（A）

从本篇开始，我就不吹牛皮，那就吹吹兔皮吧。说说与绘图有关的东东。

要进行绘制，首先要得到一个DC，啥是DC呢？按字面翻译叫设备上下文，也可以翻译为设备描述表，它主要指API为我们封装了一些与显示设备相关的交互操作，我们这里说的是图形的绘制，自然指的是显卡。当然，对于同一客观事物，世界上并不存在唯一的理解方案，技术上的东西最终拿来用的，不应该有硬性的去统一。我们之中的很多人，最大的失败在于，人家说要这样理解他就毫不怀疑地这样理解，权威人士说要这样这样，他就不经过大脑思考地跟着那样那样。

虽然我的母校是名不见经传的三流大学，但回忆我的大学，很幸运，我曾经遇到几位好老师，真正的好老师，不是那些所谓的叫兽砖家。记得某位老师说过：这本书，如果读完了你一无所获，那你太失败了；如果你把书中的内容都掌握了，勉强及格；如果你能把书中的所有观点全部推翻，你才是优秀的。

在许多情况下，我们绘图都是遵循先GetDC-----〉绘图------〉ReleaseDC，DC是一种资源，用完了要释放，我们到图书馆借书，看完了要还书。不过，在处理WM_PAINT消息时，调用BeginPaint函数后，开始绘图，画完了调用EndPaint。当然这个并不违背我们前面所说的使用完HDC要释放的道理，只是BeginPaint函数会自动调用GetDC，EndPaint会自动调用ReleaseDC。

好的，首先我们来写几个字吧。绘制文本可以使用DrawText函数，他的最后一个参数是文本的对齐格式，如左对齐、居中、右对齐等。

1. PAINTSTRUCT ps;
2. switch(msg)
3. {
4. case WM_PAINT:
5. BeginPaint(hwnd, &ps);

声明一个PAINTSTRUCT结构体的变量，然后传给BeginPaint函数，之后就可以画东西了。

1. DrawText(ps.hdc,L"床前明月光", -1, &rect, DT_CENTER);

但是，如果我希望文本的颜色不是默认的黑色，我们可以考虑调用SetTextColor函数来设置颜色，之后我们绘制的所有文本都是这个颜色了，如果之后希望改变文本的颜色，就再次调用SetTextColor函数。

1. SetTextColor(ps.hdc, RGB(0,150,255));

RGB宏可以通过三个值来确定颜色值，这个估计不用我介绍了，如果不懂RGB，可以去请教芙蓉姐姐。

我希望新绘制的文本在前一个文本的下一行，当然，你可能会说，用DrawText的时候把传给它的RECT改一下坐标就行了。这方法虽然可以，但我们不好调坐标。其实，我们如果知道文本字符的高度，那不就好办了吗，对的，要获得文本高度，可以调用GetTextMetrics函数。现在我们要用的工具都齐全了。

1. case WM_PAINT:
2. BeginPaint(hwnd, &ps);
3. TEXTMETRIC tm;
4. // 取得与文本相关的数据
5. GetTextMetrics(ps.hdc, &tm);
6. RECT rect;
7. rect.top = 0L;
8. rect.left = ps.rcPaint.left;
9. rect.right = ps.rcPaint.right;
10. rect.bottom = rect.top + tm.tmHeight;
11. // 第一行文本
12. SetTextColor(ps.hdc, RGB(0,150,255));
13. DrawText(ps.hdc,L"床前明月光", -1, &rect, DT_CENTER);
14. // 第二行文本
15. rect.top += tm.tmHeight;
16. rect.bottom += tm.tmHeight;
17. SetTextColor(ps.hdc, RGB(220, 12, 50));
18. DrawText(ps.hdc, L"疑是地上霜", -1, &rect, DT_LEFT);
19. // 第三行文本
20. rect.top += tm.tmHeight;
21. rect.bottom += tm.tmHeight;
22. SetTextColor(ps.hdc, RGB(30,255,7));
23. DrawText(ps.hdc, L"举头望明月", -1, &rect, DT_RIGHT);
24. // 第四行文本
25. rect.top += tm.tmHeight;
26. rect.bottom += tm.tmHeight;
27. SetTextColor(ps.hdc, RGB(0,40,210));
28. DrawText(ps.hdc, L"低头思故乡", -1, &rect, DT_RIGHT);
29. EndPaint(hwnd, &ps);
30. return 0;

这个不难理解吧，就是每一行文本的矩形区域得顶部和底部坐标分别加上文本的高度。

现在可以看看效果了。

接下来，我们画几条弧线。绘制弧线使用Arc函数，第一个参数是目标HDC，随后的4个参数用于确定弧线所在的位置的矩形，最后4个参数是确定弧线的开始点和结束点的坐标。

1. BOOL  WINAPI Arc(
2. HDC hdc, //DC的句柄
3. int x1, // 矩形的左坐标
4. int y1, //矩形上坐标
5. int x2,//矩形的右坐标
6. int y2, //矩形的下坐标
7. int x3, //起点x坐标
8. int y3, //起点y坐标
9. int x4, //终点x坐标
10. int y4 //终点y坐标
11. );

在默认情况下，弧线是逆时针方向的。

1. // 绘制弧线
2. HPEN pen = CreatePen(PS_SOLID, 2, RGB(200, 100, 20));//创建笔
3. // 将笔选到DC中
4. auto oldObj = SelectObject(ps.hdc, pen);
5. // 画弧线
6. Arc(ps.hdc, 20, 100,  300, 300, 39, 110, 280, 285);
7. Arc(ps.hdc, 200, 160, 390, 400, 300,350, 380,165);
8. // 画完之后，把原先的笔选回去
9. SelectObject(ps.hdc, oldObj);
10. // 清理
11. DeleteObject(pen);

上面代码将画出如下图所示的弧线。

默认是逆时针方向，现在我想画顺时针方向的弧线。看下面例子，通过SetArcDirection函数改变弧线的方向。

1. /*
2. AD_COUNTERCLOCKWISE表示逆时针方向
3. AD_CLOCKWISE表示顺时针方向
4. */
5. SetArcDirection(ps.hdc, AD_CLOCKWISE);
6. Arc(ps.hdc, 20,150, 460,450, 90,162, 85,300);

下面介绍一下LineDDA函数，这个家伙不简单，为啥？因为I它可以通过回调函数来对一条线段中不同的点进行分别处理。其回调函数如下：

1. VOID CALLBACK LineDDAProc(int x, int y, LPARAM lpData);

最后一个参数是长指针，我们可以将一个HDC的地址传给它。

因为需要回调函数，我们得先写好回调函数，但是，在文件的前面要先声明一下，C语言的函数如果在调用之后定义，就必须先声明，不然编译的时候找不到。

1. VOID CALLBACK LineDDAProc(int x, int y, LPARAM lpData)
2. {
3. // 从参数中取得HDC
4. HDC hdc = *((HDC*)lpData);
5. // 不同位置的线段设置不同的颜色
6. int type=0;
7. if(x <= 510 || y <= 200)
8. {
9. type = 0;
10. }
11. else if((x > 510 && x <= 700) ||
12. (y > 720 && y <= 360))
13. {
14. type = 1;
15. }
16. else
17. {
18. type = 2;
19. }
20. // 根据不同情况着色
21. switch(type)
22. {
23. case 0:
24. SetPixel(hdc,x,y,RGB(0,255,0));
25. break;
26. case 1:
27. SetPixel(hdc,x,y,RGB(0,0,255));
28. break;
29. case 2:
30. SetPixel(hdc,x,y,RGB(255,0,0));
31. break;
32. default:
33. SetPixel(hdc,x,y,RGB(255,0,0));
34. }
35. }

接着在相应WM_PAINT消息的时候调用LineDDA函数。

1. LineDDA(420,130,800,470,LineDDAProc, (LPARAM)&ps.hdc);

结果你会看到，画出来的线段是有三种颜色的。

完整的代码如下：

1. #include <Windows.h>
2. LRESULT CALLBACK WindowProc(HWND hwnd, UINT msg, WPARAM wParam, LPARAM lParam);
3. VOID CALLBACK LineDDAProc(int x, int y, LPARAM lpData);
4. int WINAPI WinMain(HINSTANCE hTheApp,
5. HINSTANCE hPrevApp,
6. LPSTR cmdline,
7. int nShow)
8. {
9. WNDCLASS wc = {   };
10. wc.hbrBackground = (HBRUSH)(COLOR_WINDOW + 1);
11. wc.hInstance = hTheApp;
12. wc.lpfnWndProc = WindowProc;
13. wc.lpszClassName = L"MyApp";
14. wc.style = CS_HREDRAW | CS_VREDRAW;
15. RegisterClass(&wc);
16. HWND hwnd = CreateWindow(L"MyApp",
17. L"我的应用程序",
18. WS_OVERLAPPEDWINDOW | WS_VISIBLE,
19. 35,
20. 28,
21. 600,
22. 500,
23. NULL,
24. NULL,
25. hTheApp,
26. NULL);
27. if(hwnd == NULL)
28. return -1;
29. // 消息循环
30. MSG msg;
31. while(GetMessage(&msg, NULL, 0, 0))
32. {
33. TranslateMessage(&msg);
34. DispatchMessage(&msg);
35. }
36. }
37. LRESULT CALLBACK WindowProc(HWND hwnd, UINT msg, WPARAM wParam, LPARAM lParam)
38. {
39. PAINTSTRUCT ps;
40. switch(msg)
41. {
42. case WM_DESTROY:
43. PostQuitMessage(0);
44. return 0;
45. case WM_PAINT:
46. BeginPaint(hwnd, &ps);
47. TEXTMETRIC tm;
48. // 取得与文本相关的数据
49. GetTextMetrics(ps.hdc, &tm);
50. RECT rect;
51. rect.top = 0L;
52. rect.left = ps.rcPaint.left;
53. rect.right = ps.rcPaint.right;
54. rect.bottom = rect.top + tm.tmHeight;
55. // 第一行文本
56. SetTextColor(ps.hdc, RGB(0,150,255));
57. DrawText(ps.hdc,L"床前明月光", -1, &rect, DT_CENTER);
58. // 第二行文本
59. rect.top += tm.tmHeight;
60. rect.bottom += tm.tmHeight;
61. SetTextColor(ps.hdc, RGB(220, 12, 50));
62. DrawText(ps.hdc, L"疑是地上霜", -1, &rect, DT_LEFT);
63. // 第三行文本
64. rect.top += tm.tmHeight;
65. rect.bottom += tm.tmHeight;
66. SetTextColor(ps.hdc, RGB(30,255,7));
67. DrawText(ps.hdc, L"举头望明月", -1, &rect, DT_RIGHT);
68. // 第四行文本
69. rect.top += tm.tmHeight;
70. rect.bottom += tm.tmHeight;
71. SetTextColor(ps.hdc, RGB(0,40,210));
72. DrawText(ps.hdc, L"低头思故乡", -1, &rect, DT_RIGHT);
73. // 绘制弧线
74. HPEN pen = CreatePen(PS_SOLID, 3, RGB(200, 100, 20));//创建笔
75. // 将笔选到DC中
76. auto oldObj = SelectObject(ps.hdc, pen);
77. // 画弧线
78. /*Arc(ps.hdc, 20, 100,  300, 300, 39, 110, 280, 285);
79. Arc(ps.hdc, 200, 160, 390, 400, 300,350, 380,165);*/
80. /*
81. AD_COUNTERCLOCKWISE表示逆时针方向
82. AD_CLOCKWISE表示顺时针方向
83. */
84. SetArcDirection(ps.hdc, AD_CLOCKWISE);
85. Arc(ps.hdc, 20,150, 300,450, 90,162, 85,300);
86. // 画完之后，把原先的笔选回去
87. SelectObject(ps.hdc, oldObj);
88. // 清理
89. DeleteObject(pen);
90. // 分段线条
91. LineDDA(420,130,800,470,LineDDAProc, (LPARAM)&ps.hdc);
92. EndPaint(hwnd, &ps);
93. return 0;
94. }
95. return DefWindowProc(hwnd, msg, wParam, lParam);
96. }
97. VOID CALLBACK LineDDAProc(int x, int y, LPARAM lpData)
98. {
99. // 从参数中取得HDC
100. HDC hdc = *((HDC*)lpData);
101. // 不同位置的线段设置不同的颜色
102. int type=0;
103. if(x <= 510 || y <= 200)
104. {
105. type = 0;
106. }
107. else if((x > 510 && x <= 700) ||
108. (y > 720 && y <= 360))
109. {
110. type = 1;
111. }
112. else
113. {
114. type = 2;
115. }
116. // 根据不同情况着色
117. switch(type)
118. {
119. case 0:
120. SetPixel(hdc,x,y,RGB(0,255,0));
121. break;
122. case 1:
123. SetPixel(hdc,x,y,RGB(0,0,255));
124. break;
125. case 2:
126. SetPixel(hdc,x,y,RGB(255,0,0));
127. break;
128. default:
129. SetPixel(hdc,x,y,RGB(255,0,0));
130. }
131. }