PC Camera 开发日志（二十）------- 窗口背景贴图（图覆盖整个窗口）

 希望上一篇日志不要被骂，但是大的公司确实有能力购买皮肤库。但是小作坊就希望程序员是个千面手，什么都能搞定。

下面说的另外一种美化方法就是我们这种劳动力被压榨之下，想出来的对策。

 

现在看到非常PP的软件，除了用别人写的控件皮肤库之外，最大的特点就是形状都有。什么样的图案，风格都有。

试想一下，我们做桌面的壁纸可以有多PP就有多PP，那么也就是说如果能够把图片资源转化成为我们的界面资源，那么我们的界面想多美就多美。因为只要别人设计的图美我们的界面就一定美。

 

在VC界面美化中，摈弃WINDOW的默认窗口，基本只要其框架和消息响应机制。其他需要对话框，控件的地方，我们都采用OwnerDraw的方式来实现这写对话框、控件的重现。

 

例如：对话框的美化。我们可以在MFC资源管理器中直接拖入一个空白对话框，然后选择对应的OwnerDraw属性。在对话框的OnPaint()函数中装载你想要的背景图片，那么整个Dialog的背景就是一副图片了。网上多数这样的程序是将客户区设有背景，或者这个窗口是有背景，但是保留有标题栏的对话框，虽然整个窗口都被背景图填满，但是有时候标题栏的存在会使刷新出现问题。那么我们有时候干脆去掉Dialog的Border属性，让他只有客户区，然后我们自己定义最大、最小、关闭按钮。

 

如下图所示，我用一张背景图作为Dialog的背景，然后自己放了三个Buttons在上面，自己定义三个Buttons的响应操作。而Buttons控件也是OwnerDraw属性，这样我们才可以将图片加载到Buttons。（当然是因为我们自己封装了新的继承CButton的类实现这个功能）

 

 

需要明白的是，默认的标题栏的功能有：当鼠标点击在标题栏区域的时候，可以实现窗口的拖动。在标题栏区域点击右键可以看到系统菜单。

如果我们去掉了标题栏，为了实现Dialog的美化，那么实现窗口拖动的动作需要自己写。

一般会Override CWnd的WM_LBUTTONDOWN消息处理函数。在处理函数中，判断鼠标的位置，然后发送点击了标题栏的消息就可以了。即假装点击了标题栏。

 

1. void CMyCamDlg::OnLButtonDown(UINT nFlags, CPoint point)
2. {
3.     // TODO: Add your message handler code here and/or call default
5.     CDialog::OnLButtonDown(nFlags, point);
6. /*-------------------Sunny--------------------*/
7.     if(DRAGBORDER<=point.x && point.x<=m_WndWidth-DRAGBORDER && DRAGBORDER<=point.y && point.y<=m_WndHeight-DRAGBORDER)
8.     {
9.         // 当鼠标的坐标属于中间区域的时候，不发送拖动窗口的消息。
10.         // 拖动窗口的效果是通过模拟发送点击Caption的消息来实现的；   WM_NCLBUTTONDOWN,HCAPTION;
11.         return;    
12.     }
13.     else
14.     {
15.         PostMessage(WM_NCLBUTTONDOWN,   HTCAPTION,   MAKELPARAM(point.x, point.y)); 
16.     }
17. }

DRAGBORDER是我自己定义可拖动的边界的宽度。m_WndWidth，m_WndHeight是我获得的窗口的宽度、高度。

 

按钮的美化基本就是让按钮可以加载BITMAP图片，或者可以加载ICON图标。这样BUTTON就可以比WINDOWS的灰色按钮好看多了。

 

这两类出现比较多的控件，实现了图片化的化，其他控件也基本可以图片化。

 

有些例子，可以上国外的开源网站上学习。

CodeProject 就很好。

 

 

先说下，如何实现窗口贴上背景图。在Dialog去掉Border属性后。

 

在InitialDialog代码中写入代码，OnPaint（）函数中写入代码：

 

1. BOOL CMyCamDlg::OnInitDialog()
2. {
3.     CDialog::OnInitDialog();
5.     // 设置此对话框的图标。当应用程序主窗口不是对话框时，框架将自动
6.     //  执行此操作
7.     SetIcon(m_hIcon, TRUE);         // 设置大图标
8.     SetIcon(m_hIcon, FALSE);        // 设置小图标
10.     // TODO: 在此添加额外的初始化代码
11. /*-------------------Sunny--------------------*/
12.     g_Util.SelectSkin(g_Util.m_SkinsVector,_T("orange"));
13.     // 设置窗口的大小，并初始化窗口背景位图的句柄；
14.     Skin();
16.     // Arrange Buttons
17.     ArrangeButtons();
19.     //return TRUE;  // 除非将焦点设置到控件，否则返回 TRUE
20. }

 

可以看出来我选择了Orange皮肤，然后Skin（）函数设置了窗口大小，窗口大小根据背景图片的大小来定。然后OnPaint（）函数中画出这幅背景图。

 

1. void CMyCamDlg::Skin()
2. {
3.     // Get CtlPanel Dialog BkImage from the CtlPanelSkin class;
4.     CString strPath = _T("");
5.     strPath.Format(_T("%s//%s//%s"),g_Util.m_SkinPath, g_Util.m_CurrentSkinName,g_Util.m_SkinContainer.m_CtlPanelSkin.m_BkgImgName);
7.     // paste BkImage;
8.     BITMAPINFO bInfo;
9.     CBitmap tempCBMAP;
10.     m_hBKBMAP = (HBITMAP)::LoadImage(AfxGetInstanceHandle(), strPath, IMAGE_BITMAP, 0, 0, LR_CREATEDIBSECTION|LR_LOADFROMFILE);
11.     tempCBMAP.Attach(m_hBKBMAP);
12.     tempCBMAP.GetObject(sizeof(bInfo),&bInfo);
13.                 
14.     m_WndWidth = bInfo.bmiHeader.biWidth;
15.     m_WndHeight = bInfo.bmiHeader.biHeight;
17.     MoveWindow(100,200,m_WndWidth,m_WndHeight);
18.     tempCBMAP.Detach();
19.     tempCBMAP.DeleteObject();
20. }

strPath中存储了背景图片的完整路径和图片名。

1. void CMyCamDlg::OnPaint()
2. {
3.     CPaintDC dc(this); // 用于绘制的设备上下文
4.     if (IsIconic())
5.     {
6.         //CPaintDC dc(this); // 用于绘制的设备上下文
8.         SendMessage(WM_ICONERASEBKGND, reinterpret_cast<WPARAM>(dc.GetSafeHdc()), 0);
10.         // 使图标在工作矩形中居中
11.         int cxIcon = GetSystemMetrics(SM_CXICON);
12.         int cyIcon = GetSystemMetrics(SM_CYICON);
13.         CRect rect;
14.         GetClientRect(&rect);
15.         int x = (rect.Width() - cxIcon + 1) / 2;
16.         int y = (rect.Height() - cyIcon + 1) / 2;
18.         // 绘制图标
19.         dc.DrawIcon(x, y, m_hIcon);
20.     }
21.     else
22.     {
23.         CDialog::OnPaint();
24.     }
25.     //Skin();
27. /*-------------------Sunny--------------------*/
28.     // paste BkImage;
29.     CBitmap tempCBMAP;
30.     ASSERT(m_hBKBMAP!=NULL);
31.     tempCBMAP.Attach(m_hBKBMAP);
32.                 
33.     //在内存中创建一个位图兼容设备
34.     //CWindowDC   dc(this); 
35.     CDC dcMemory; 
36.     dcMemory.CreateCompatibleDC(&dc); 
37.     //将图片选入兼容设备 
38.     CBitmap *pOldBmp=dcMemory.SelectObject(&tempCBMAP);
39.     dc.BitBlt(0,0,m_WndWidth,m_WndHeight,&dcMemory,0,0,SRCCOPY);
40.     dcMemory.SelectObject(pOldBmp); 
42.     tempCBMAP.Detach();
44.     // past the effect tool bar
46.     tempCBMAP.DeleteObject();
47.     dcMemory.DeleteDC();
48.     ReleaseDC(&dcMemory);
50. }

m_hBKBMAP 在Skinner（）中初始化的，就是背景图片资源的句柄，我保留了。当然也可以重新在OnPaint中加载，觉得没有这个必要。除非是前面没有加载图片资源。（LoadImage函数加载图片）。

 

源代码参考（我上载的资源：PC CameraUI2.0中有类似代码）