(3):窗口的重绘
最后更新于:2022-04-01 20:07:10
我们今天来吹一下关于窗口重绘的事情,在开始吹牛之前,我们先用上一篇博文中说到的方法写一个简单的Win32应用程序。代码如下:
~~~
#include
//先声明一下消息处理函数
LRESULT CALLBACK MyWindowProc(HWND hwnd, UINT msg, WPARAM wParam, LPARAM lParam);
// 入口点
int CALLBACK WinMain(
HINSTANCE hInstance,
HINSTANCE hPrvInstance,
LPSTR lpCommandLine,
int cmdShow)
{
WCHAR* cln = L"MyApp";
//设计窗口类
WNDCLASS wc = {};
wc.hInstance = hInstance;
wc.lpszClassName = cln;
wc.lpfnWndProc = MyWindowProc;
//注册窗口类
RegisterClass(&wc);
// 创建窗口
HWND hMainwind = CreateWindow(
cln,
L"绘制窗口",
WS_OVERLAPPEDWINDOW,
20,
12,
450,
300,
NULL,
NULL,
hInstance,
NULL);
// 显示窗口
if(hMainwind == NULL)
return 0;
ShowWindow(hMainwind,SW_NORMAL);
// 消息循环
MSG msg;
while(GetMessage(&msg,NULL,0,0))
{
TranslateMessage(&msg);
DispatchMessage(&msg);
}
return 0;
}
// 窗口消息处理程序
LRESULT CALLBACK MyWindowProc(HWND hwnd, UINT msg, WPARAM wParam, LPARAM lParam)
{
switch(msg)
{
case WM_PAINT:
break;
case WM_DESTROY:
PostQuitMessage(0);//退出程序
return 0;
default:
return DefWindowProc(hwnd,msg,wParam,lParam);
}
}
~~~
这个程序是可以正常运行的,我们先来运行一下,看看有什么效果,当然没什么效果,因为只是一个空白窗口。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-06-14_575fd291b2fba.PNG)
窗口是正常出现了,但是,现在你试一下改变它的大小时,你人发现有问题了。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-06-14_575fd291c520f.PNG)
这时候我们看到,窗口中有一部分内容变成黑色了,也就是说它没有被重新绘制。当我们的窗口被另一个窗口挡住,然后另一个窗口被移开,我们的程序窗口重新显示时,会发生重绘;但我们改变窗口的大小后,窗口也会发生重绘;当我们把窗口隐藏(如最小化)后再显示,它也会发生重绘。我们的窗口就像一堵墙,在运行期间会不断地被重新粉刷。
要让窗口自动重绘,有一种简单的方法,就是在注册窗口类的时候,设置一个背景色。
~~~
wc.hbrBackground = (HBRUSH)(COLOR_WINDOW + 1);
~~~
现在你运行的时候,改变窗口的大小,就看不到黑色区域了,因为有了背景色。而上面的代码中,有朋友可能会问,COLOR_WINDOW + 1是什么东西,背景色为什么加1?
我们不妨看看COLOR_WINDOW 的定义。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-06-14_575fd291d808f.PNG)
其实这些都是数值来的,我们看到COLOR_WINDOW是5,那么 5 + 1 就是6吧,你看看6是谁?是不是COLOR_WINDOWFRAME的值?所以,你现在懂了吗,它只是选择COLOR_WINDOW作为参考点,因此,你可以推算到 COLOR_WINDOW - 2是哪个颜色值了。
当窗口需要重新粉刷时,我们的程序都会收到一条WM_PAINT消息,我们可以响应它来完成绘制。
~~~
// 窗口消息处理程序
LRESULT CALLBACK MyWindowProc(HWND hwnd, UINT msg, WPARAM wParam, LPARAM lParam)
{
switch(msg)
{
case WM_PAINT:
{
PAINTSTRUCT ps;
BeginPaint(hwnd, &ps);
DrawText(ps.hdc, L"朋友,你好。",wcslen(L"朋友,你好。"), &(ps.rcPaint), DT_CENTER);
EndPaint(hwnd, &ps);
}
return 0;
...................
~~~
我们也许在其他书上看到过,绘制图形要先GetDC来获得一个HDC,然后画图,画完之后再ReleaseDC,为什么我们这里不需要这样做?从代码中我们看到,绘图代码放在BeginPaint和EndPaint之间,这是专门用在处理WM_PAINT消息用的,注意在其他地方不能这样用。
我们用DrawText函数在窗口上绘制了一行文本,但是,在你运行程序后,如果你调整了窗口的大小,你会发现又有新问题出现了。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-06-14_575fd291ee2f9.PNG)
现在,我们还是来想一想,为啥会出现这种情况呢?
那是因为窗口不是把整个客户区域完全重画,而是判断哪一部分应该重画,就重画,先前因为我们用的都同一种颜色的画刷来填充背景,所以我们看不出问题所在,然现在我们在窗口上绘制了文本,问题就显现出来了。由于每次重画时的矩形范围都是不同的,而且在重画之前没有清除前面的内容,使得新画的东西覆盖在原来的上面,就好像我们拿油漆在墙壁上涂鸦一样。
窗口的客户区域就是你看到的白色的那块矩形,除了标题栏和边框,剩下的那些都可以归为客户区域。
要解决上面问题的最简单方法,就是在设计窗口类的时候,把类样式同时设为水平重画(CS_HREDRAW)和垂直重画(CS_VREDRAW).
~~~
wc.style = CS_HREDRAW | CS_VREDRAW;
~~~
现在再运行一下,哈哈,没问题了。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-06-14_575fd2920fe52.PNG)
上面的文本是使用默认颜色的绘制的,我想改一下文本的颜色,可以使用SetTextColor函数,第一参数接受一个hdc,第二个参数是COLORREF,通过RGB宏可以创建。如下面的例子:
~~~
case WM_PAINT:
{
PAINTSTRUCT ps;
BeginPaint(hwnd, &ps);
SetTextColor(ps.hdc, RGB(10, 0, 255));//设置文本颜色
DrawText(ps.hdc, L"朋友,你好。",-1, &(ps.rcPaint), DT_CENTER);
EndPaint(hwnd, &ps);
}
return 0;
~~~
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-06-14_575fd29224837.PNG)
如果想一次性绘制多个字符串,可以调用PolyTextOut函数,但这个函数在绘制出来的字符上好像有点问题。
~~~
case WM_PAINT:
{
PAINTSTRUCT ps;
BeginPaint(hwnd, &ps);
SetTextColor(ps.hdc, RGB(10, 0, 255));//设置文本颜色
DrawText(ps.hdc, L"朋友,你好。",-1, &(ps.rcPaint), DT_CENTER);
// 用于设置每个字符间隔的数组
int arr1[2]= {45,0};
int arr2[3] = { 35, 40, 0 };
int arr3[2] = { 32, 0 };
POLYTEXT polys[] = { {2,2,3,L"大家",ETO_CLIPPED,ps.rcPaint,&arr1[0]},
{2,25,3,L"新年好",ETO_CLIPPED,ps.rcPaint,&arr2[0]},
{30,60,3,L"快乐\0",ETO_CLIPPED,ps.rcPaint,&arr3[0]}
};
PolyTextOut(ps.hdc, &polys[0],3);
EndPaint(hwnd, &ps);
}
return 0;
~~~
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-06-14_575fd2923626c.PNG)
当然也可以填充一些图形区域。
~~~
// 填充图形
// 创建画刷
HBRUSH hb = CreateSolidBrush(RGB(0,255,0));
// 画刷选择到当前DC中
HBRUSH orgBrs = (HBRUSH)SelectObject(ps.hdc, hb);
// 填充图形
Ellipse(ps.hdc,135,35,202,170);
// 选回原先的画刷
SelectObject(ps.hdc, orgBrs);
DeleteObject(hb); //清理对象
~~~
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-06-14_575fd29247f08.PNG)
这样我们就在窗口上画了一个椭圆了。
响应WM_PAINT消息进行绘图,应按照以下步骤:
**1、声明一个PAINTSTRUCT结构体的变量,用于被填充与绘图相关的信息。**
**2、BeginPaint,函数调用后开始画图。**
**3、画完之后调用EndPaint函数,HDC会被自动释放。**
';