WTL不完全窗口换肤技术

深蓝色系统 — Thu, 17 Jan 2008 14:51:00 GMT

2013-2-5：注意！示例代码有严重的GDI内存泄露！请在实际使用过程中注意解决！这代码是我5年前写的了，当时可能没有注意到，我有空更新一下源码。

本文介绍了基于WTL框架的一种换肤方法，可以实现对话框或框架窗口的换肤。

给窗口换肤的方法有很多种，原理基本相同，无非就是对非客户区的重绘。只不过在实现手段上有很多种方式。本文介绍的是其中一种较简单和易于理解的方式。即对某个窗口句柄进行子类化操作，使该窗口的非客户区绘制被我们的代码所替换，从而实现换肤操作。

下图是我们进行换肤后的SDI窗口：

下面就实现的主要步骤做一些简单的说明：

一、我们首先创建自己的换肤窗口类，继承于CWindowImpl，并指定我们需要的窗体风格。例如：

typedef CWinTraits<WS_OVERLAPPED | WS_THICKFRAME | WS_SYSMENU | WS_MINIMIZEBOX | WS_MAXIMIZEBOX> CXuTraits;
class CXuSkinWindow : public CWindowImpl<CXuSkinWindow, CWindow, CXuTraits>

二、然后我们需要处理一些关键的消息，例如WM_NCPAINT、WM_ACTIVATE、WM_NCACTIVATE、WM_NCHITTEST、WM_SIZE等等。

三、我们还要提供一个方法，接收一个窗口的句柄，用于子类化换肤。例如：void EnableWindowFrame(HWND hWnd);

四、当然，我们的换肤图片、颜色绘制都离不开GDI。在我的示例程序里，封装了图片绘制的类，用于进行图片拉伸绘制、去透明背景色绘制等方法。（源码在我的blog中另外两篇文章中也有公布）

五、另外，图片和颜色值都是从INI文件中读取，这样方便实现动态换肤。

一些提示

1、绘制窗口非客户区主要分为四个部分：标题（需要拉伸绘制），左边框，右边框，底边框。我们在非客户区绘制消息中去分别绘制这四部分就好了。绘制的范围需要根据当前窗口的大小来计算好。

2、Windows标准主题、XP主题以及Vista窗口在绘制上有一些区别，主要是窗口的标题栏高度、边框宽度有些不同，需要根据情况动态判断，以适应各种主题下的显示。

示例工程（VC6 + WTL 7.0）：Source Codes, Binary files and Theme files

深蓝色系统 2008-01-17 22:51 发表评论

ATL与网页进行事件交互（连载中……）

深蓝色系统 — Thu, 17 Jan 2008 13:56:00 GMT

以前我们为了编写一个漂亮的程序，需要用VC进行客户区非客户区重绘，需要维护图片载入、GDI绘制、消息处理、重载各种控件……，虽然很多人都是这么做的，包括我最近做的项目中，仍然使用GDI在做很多界面上的事情。但是，目前似乎程序结合Web页面，共同去做些事情仿佛越来越流行。当然，界面编程还是离不开GDI或GDI+，我这里只是记录一些我认为未来在写软件、做项目中可能会使用的一些技术——当然，这种技术已经很多人都在用了，而且肯定用的比我好，希望玩儿的比较溜的多包涵文中的错误和不足。

从今天开始，我计划用1、2个月的时间陆续写一些关于使用ATL/WTL和网页交互的文字，包括使用COM来操作网页元素，以及对网页元素事件的响应。

无论是用MFC/ATL/WTL，无论是Insert一个Microsoft Web Browser的ActiveX控件，还是动态创建了一个Browser实例，甚至是你要直接操作Windows系统的IE，我们首先要做的事情就是获得IE Browser的接口。

我们首先来编写一个WTL的示例程序开始说明。

（未完待续）

2008年1月16日
最近一段时间实在是太忙了，刚刚把新产品的需求分析弄完。下一个产品的需求分析马上又要来了。郁闷。
现在编码的工作基本都交代出去了，自己已经没有多少时间编码了，很多新的技术和细节我已经不擅长了，不知道这是好是坏。不过最近项目管理的事情倒是学到了不少。

废话少说，我还是尽量抽空把这个文章写完。

使用WTL向导做一个标准的对话框程序出来，记得要把Enable ActiveX Control Hosting的选项勾上。然后丢一个Microsoft Web Browser的ActiveX控件上去，ID比方说是IDC_EXPLORER。

想让对话框能够接收WebBrowser控件的事件，需要为对话框增加一些继承类。首先我们定义这样一个东东：

#define WebBrowser IDispEventImpl

然后添加到对话框的继承列表中，如下：

class CMainDlg : public CAxDialogImpl<CMainDlg>, public CUpdateUI<CMainDlg>,
public CMessageFilter, public CIdleHandler, public WebBrowser

到stdafx.h中添加这几个必要的头文件：

#include <exdisp.h>
#include <exdispid.h>
#include <mshtml.h>
#include <mshtmdid.h>

OK，我们希望处理的是对话框上那个WebBrowser控件的事件，因此，需要维护一个该控件的成员变量：

CComPtr<IWebBrowser2> m_pWeb2;

接下来，选择我们希望处理的网页事件。首先添加消息响应宏，然后添加两个事件，如下：

BEGIN_SINK_MAP(CMainDlg)
        SINK_ENTRY_EX(IDC_EXPLORER, DIID_DWebBrowserEvents2, DISPID_DOCUMENTCOMPLETE, OnDocumentComplete)
        SINK_ENTRY_EX(IDC_EXPLORER, DIID_DWebBrowserEvents2, DISPID_BEFORENAVIGATE2, OnBeforeNavigate2)
    END_SINK_MAP()

我们上面希望处理两个事件：OnBeforeNavigate2和OnDocumentComplete。下面是这两个事件的实现体：

void __stdcall OnDocumentComplete(IDispatch *, VARIANT* )
{
    MessageBox(_T("Current document complete!"),_T("Info"),MB_OK|MB_ICONEXCLAMATION);
}

void __stdcall CMainDlg::OnBeforeNavigate2 (
    IDispatch* pDisp, VARIANT* URL, VARIANT* Flags, VARIANT* TargetFrameName,
    VARIANT* PostData, VARIANT* Headers, VARIANT_BOOL* Cancel )
{
    MessageBox(_T("Before navigate!"),_T("Info"),MB_OK|MB_ICONEXCLAMATION);
};

下面我们让对话框启动时，让嵌入的Web Browser ActiveX控件直接打开一个网页，在OnInitDialog中添加下面的代码：

CAxWindow AxWin = GetDlgItem(IDC_EXPLORER);
AxWin.QueryControl(&m_pWeb2);

if (m_pWeb2)
{
WebBrowser::DispEventAdvise(m_pWeb2);
m_pWeb2->Navigate(CComBSTR("http://blog.csdn.net/epubcn/"),NULL,NULL,NULL,NULL);
}

记得在OnDestroy中释放网页事件监控：

if (m_pWeb2)
{
WebBrowser::DispEventUnadvise(m_pWeb2);
m_pWeb2.Release();
}

OK，现在编译运行一下是否会弹出预期的消息对话框。

注：如果运行时发生ATLASSERT(!InlineIsEqualGUID(*m_plibid,GUID_NULL) && "Did you forget to pass the LIBID to CComModule::Init?");错误，请将工程设置中的“ATL使用”改为“动态链接到ATL”即可。

上面是对网页事件的响应。接下来让我们来处理网页上某个元素的事件。比如一个BUTTON的单击、超级链接的点击、一个复选框按钮是否被选中、文本输入框内容的改变和获取等。

（未完待续）

深蓝色系统 2008-01-17 21:56 发表评论

C++博客-我的玻璃盒子-文章分类-WTL

WTL不完全窗口换肤技术

ATL与网页进行事件交互（连载中……）