跟我一起玩Win32开发（9）：绘图（B）

我们今天继续涂鸦，实践证明，涂鸦是人生一大乐趣。

首先，我们写一个程序骨架子，以便做实验。

#include 

LRESULT CALLBACK MainWinProc(HWND hwnd, UINT msg, WPARAM wParam, LPARAM lParam);

int WINAPI WinMain(
	HINSTANCE hThisApp,
	HINSTANCE hPrevApp,
	LPSTR lpsCmdln,
	int iShow)
{
	WNDCLASS wc;
	wc.cbClsExtra = 0;
	wc.cbWndExtra = 0;
	wc.hbrBackground = CreateSolidBrush(RGB(0,0,0));
	// 默认光标类型为箭头
	wc.hCursor = LoadCursor(hThisApp, IDC_ARROW);
	// 默认应用程序图标
	wc.hIcon = LoadIcon(hThisApp, IDI_APPLICATION);
	wc.hInstance = hThisApp;
	wc.lpfnWndProc = MainWinProc;
	wc.lpszClassName = L"MyAppTest";
	wc.lpszMenuName = NULL;
	wc.style = CS_HREDRAW | CS_VREDRAW;
	// 注册窗口类
	RegisterClass(&wc);
	// 创建窗口
	HWND hwnd = CreateWindow(
		L"MyAppTest",
		L"绘画课",
		/* 使用 WS_VISIBLE 就不用调用ShowWindow了 */
		WS_VISIBLE | WS_OVERLAPPEDWINDOW,
		100,
		45,
		500,
		380,
		NULL,
		NULL,
		hThisApp,
		NULL);
	// 消息循环
	MSG msg;
	while(GetMessage(&msg, NULL, 0, 0))
	{
		TranslateMessage(&msg);
		DispatchMessage(&msg);
	}
	return 0;
}


LRESULT CALLBACK MainWinProc(HWND hwnd, UINT msg, WPARAM wParam, LPARAM lParam)
{
	switch(msg)
	{
	case WM_DESTROY:
		PostQuitMessage(0);
		return 0;
	case WM_PAINT:
		PAINTSTRUCT ps;
		BeginPaint(hwnd, &ps);
                /*
                    待实现
                */
		EndPaint(hwnd, &ps);
		return 0;
	}
	return DefWindowProc(hwnd, msg, wParam, lParam);
}

 

 CreatePen函数

我们要进行素描画创作，所以我们必须想清楚要使用什么样的钢笔，画出什么样的线条。故，画图之前得创建一支钢笔，不然，巧妇难为无米之炊。

HPEN  CreatePen(
      int iStyle, //钢笔的样式，如虚线、实线
      int cWidth, //线条宽度
      COLORREF color //线条是啥颜色的
);

第一个参数指定线条的样式，如

/* Pen Styles */
#define PS_SOLID            0
#define PS_DASH             1       /* -------  */
#define PS_DOT              2       /* .......  */
#define PS_DASHDOT          3       /* _._._._  */
#define PS_DASHDOTDOT       4       /* _.._.._  */
#define PS_NULL             5
#define PS_INSIDEFRAME      6
#define PS_USERSTYLE        7
#define PS_ALTERNATE        8

函数成功创建钢笔后就会返回HPEN，H开头的你就要知道它表示句柄。Pen也是系统资源，所以创建笔后系统要为它一个标识。

 

SelectObject函数

上过美术课，你会知道，有了用于进行素描创作的钢笔还不能动手干活，我们还需要有纸。接下来，调用SelectObject函数，把刚才创建的钢笔与绘图纸关联，就等于把我们创建的绘图资源放进DC工具箱中，

HGDIOBJ WINAPI SelectObject(
HDC hdc, //设备描述表的句柄
HGDIOBJ h //要放到DC中的资源的句柄
);

调用成功后，返回原先的资源句柄。

 

MoveToEx和LineTo

MoveToEx是设置绘制的起点，下次绘图将从这个点开始。它的最后一个参数将被设置为当前点，即Move后的坐标。LineTo从当前坐标开始，到指定坐标之间绘制一条线段。

		// 创建钢笔
		HPEN pen = CreatePen(PS_DASH, 1, RGB(0,255,50));
		// 把笔选到DC中
		SelectObject(ps.hdc, pen);
		// 设定线段的起点
		MoveToEx(ps.hdc, 15, 25, NULL);
		// 绘制线条
		LineTo(ps.hdc, 65, 49);
		LineTo(ps.hdc, 12, 120);
		LineTo(ps.hdc, 250, 78);
		LineTo(ps.hdc, 312, 185);
		DeleteObject(pen);

记住，只要是我们创建的句柄，用完后调用DeleteObject函数将其销毁。

 

PolyBezier函数和PolyBezierTo函数

两个函数都是用来绘制贝塞尔曲线的，不同的是，PolyBezier函数包含指定的起点和终点，PolyBezierTo是从当前点开始绘制贝塞尔曲线。

		// 绘制贝塞尔曲线
		pen = CreatePen(PS_DOT, 1, RGB(0,3,255));
		SelectObject(ps.hdc, pen);
		POINT* pts = new POINT[4];
		pts[0].x = 421;
		pts[0].y = 16;
		pts[1].x = 7;
		pts[1].y = 197;
		pts[2].x = 480;
		pts[2].y = 320;
		pts[3].x = 30;
		pts[3].y = 350;
		PolyBezier(ps.hdc, pts, 4);
		delete [] pts;
		// 第二段贝塞尔曲线
		POINT* pts2 = new POINT[3];
		pts2[0].x = 176;
		pts2[0].y = 84;
		pts2[1].x = 17;
		pts2[1].y = 247;
		pts2[2].x = 400;
		pts2[2].y = 490;
		// 移动当前点
		MoveToEx(ps.hdc, 395, 270, NULL);
		PolyBezierTo(ps.hdc, pts2, 3);
		delete [] pts2;

 

 

 PolyPolyline绘制复合线条

PolyPolyline函数可以绘制多段复合线条。它的声明如下：

  BOOL PolyPolyline(
    HDC hdc,
    const POINT *lppt,
    const DWORD *lpdwPolyPoints,
    DWORD cCount
  );

 lppt参数指向一个POINT的数组，它包含绘制复合线条所需的所有点；lpdwPolyPoints指向一个数组，这个数字数组指明如何分配点数组。

例如，lppt有7个点，我计划，前2个点绘制第一条线，接着3个点绘制第二条线，最后2个点绘制第三条线，这样一来，lpdwPolyPolyPoints得值应为：

{  2, 3, 2 }

nCount里包含lpdwPolyPolyPoints中的数量，我们上面的例子是3.

由于两点决定一条线段，因此，lpdwPolyPolyPoints里面的值记得要>=2。

 

		// 复杂图形
		pen = CreatePen(PS_DASHDOTDOT, 1, RGB(80,20,160));
		SelectObject(ps.hdc, pen);
		POINT plpts[10] =
		{
			{47,3}, {11,46}, {28,199}, {203,305}, {94,22},
			{402,377}, {21,45}, {237,7}, {300,398}, {175,25}
		};
		DWORD arr[4] = { 2, 3, 3, 2};
		PolyPolyline(ps.hdc, &plpts[0], &arr[0], 4);

上面的代码将画出以下图形。

 

 完整的代码清单如下：

#include 

LRESULT CALLBACK MainWinProc(HWND hwnd, UINT msg, WPARAM wParam, LPARAM lParam);

int WINAPI WinMain(
	HINSTANCE hThisApp,
	HINSTANCE hPrevApp,
	LPSTR lpsCmdln,
	int iShow)
{
	WNDCLASS wc;
	wc.cbClsExtra = 0;
	wc.cbWndExtra = 0;
	wc.hbrBackground = CreateSolidBrush(RGB(0,0,0));
	// 默认光标类型为箭头
	wc.hCursor = LoadCursor(hThisApp, IDC_ARROW);
	// 默认应用程序图标
	wc.hIcon = LoadIcon(hThisApp, IDI_APPLICATION);
	wc.hInstance = hThisApp;
	wc.lpfnWndProc = MainWinProc;
	wc.lpszClassName = L"MyAppTest";
	wc.lpszMenuName = NULL;
	wc.style = CS_HREDRAW | CS_VREDRAW;
	// 注册窗口类
	RegisterClass(&wc);
	// 创建窗口
	HWND hwnd = CreateWindow(
		L"MyAppTest",
		L"绘画课",
		/* 使用 WS_VISIBLE 就不用调用ShowWindow了 */
		WS_VISIBLE | WS_OVERLAPPEDWINDOW,
		100,
		45,
		500,
		380,
		NULL,
		NULL,
		hThisApp,
		NULL);
	// 消息循环
	MSG msg;
	while(GetMessage(&msg, NULL, 0, 0))
	{
		TranslateMessage(&msg);
		DispatchMessage(&msg);
	}
	return 0;
}


LRESULT CALLBACK MainWinProc(HWND hwnd, UINT msg, WPARAM wParam, LPARAM lParam)
{
	switch(msg)
	{
	case WM_DESTROY:
		PostQuitMessage(0);
		return 0;
	case WM_PAINT:
		PAINTSTRUCT ps;
		BeginPaint(hwnd, &ps);
		// 创建钢笔
		HPEN pen = CreatePen(PS_DASH, 1, RGB(0,255,50));
		// 把笔选到DC中
		SelectObject(ps.hdc, pen);
		// 设定线段的起点
		MoveToEx(ps.hdc, 15, 25, NULL);
		// 绘制线条
		LineTo(ps.hdc, 65, 49);
		LineTo(ps.hdc, 12, 120);
		LineTo(ps.hdc, 250, 78);
		LineTo(ps.hdc, 312, 185);
		// 绘制贝塞尔曲线
		pen = CreatePen(PS_DOT, 1, RGB(0,3,255));
		SelectObject(ps.hdc, pen);
		POINT* pts = new POINT[4];
		pts[0].x = 421;
		pts[0].y = 16;
		pts[1].x = 7;
		pts[1].y = 197;
		pts[2].x = 480;
		pts[2].y = 320;
		pts[3].x = 30;
		pts[3].y = 350;
		PolyBezier(ps.hdc, pts, 4);
		delete [] pts;
		// 第二段贝塞尔曲线
		POINT* pts2 = new POINT[3];
		pts2[0].x = 176;
		pts2[0].y = 84;
		pts2[1].x = 17;
		pts2[1].y = 247;
		pts2[2].x = 400;
		pts2[2].y = 490;
		// 移动当前点
		MoveToEx(ps.hdc, 395, 270, NULL);
		PolyBezierTo(ps.hdc, pts2, 3);
		delete [] pts2;
		// 复杂图形
		pen = CreatePen(PS_DASHDOTDOT, 1, RGB(80,20,160));
		SelectObject(ps.hdc, pen);
		POINT plpts[10] =
		{
			{47,3}, {11,46}, {28,199}, {203,305}, {94,22},
			{402,377}, {21,45}, {237,7}, {300,398}, {175,25}
		};
		DWORD arr[4] = { 2, 3, 3, 2};
		PolyPolyline(ps.hdc, &plpts[0], &arr[0], 4);
		DeleteObject(pen);
		EndPaint(hwnd, &ps);
		return 0;
	}
	return DefWindowProc(hwnd, msg, wParam, lParam);
}