借助JS技术＋WebBrowserQCOMQ可以很单的集成HTML与FlashQ界面开发即单又漂亮。其中重要的是对于WebBrowser的站点的控制以及事g的捕P通过查看MFC的CDhtmlDlg代码可以很容易做到。这其中最重要的一点就是技术上的^衡，对于UI的控制可以通过JS代码Q也可以通过Web事gQ其中的归一点就是DOM模型。ICQ中大量用了此技术，界面煞是漂亮Q就是吃点内存，随着g的发展估计这个不是太大问题?br>
下面是YUI的JS集成到Dlg中：
]]>
]]>
]]>
]]>
]]>
]]>
光写过2这斚w的文章，Zvc6实现Q绕弯很大。在vc7.1、vc8里面要简单很多，主要是把几个以前为公开的类公开了，最重要的是在CWnd里面加入了一个虚函数CreateControlSite使得有机会改变控件站点以修改控g行ؓ。在mfccdơ上QCHTMLView和CDHtmlDialog为开发者提供了创徏webgui的一pd基础设施Q包括事件机制、窗口行为、以及对html文档操纵接口。我们在此基上实现webgui很简单，然而仍然困惑我很久Q经理也催过我几ơ我一直未肯决定最l方案。在我脑袋里一直琢是要应用程序完全操Uhtml文档Q还是html讉K应用获取信息Q其实就是它们之间的通信模式。一直到昨天我才定下ҎQ应用通过IWebBrowser2接口操纵html元素Qhtml通过vbscript、javascript脚本响应本n事gQ访问应用。主要是考虑通信自然畅通，而以前我一x通过应用指o完全控制html元素Q导致去解析html文档Q费力不讨好。下面开始我的想法：
写一个dllQ封装CDHtmlDialogQ提供一个类似html容器的对话框Q功能就是加载html|页Q以及创Zhtml呼应的comlg。它本n不包含与应用功能有关代码Q应用有关的部分是html面和对于的com功能lg。这里需要对CDHtmlDialogq行了适当的改造以适合自己的目标：
首先从CDHtmlDialogz一个类CHTMLContainerDlgQ默认情况下会生成一个网资源，q个|页是这个对话框创徏时加载的Q我们需要的其实是一个容器而不是一个具体的对话框，所以删除网资源，修改对话框头文gQ?br />
enum { IDD = IDD_HTMLCONTAINERDLG, IDH = 0 };if (m_nHtmlResID) LoadFromResource(m_nHtmlResID); else if (m_szHtmlResID) LoadFromResource(m_szHtmlResID); else if (m_strCurrentUrl) Navigate(m_strCurrentUrl);void CHTMLContainerDlg::SetHtmlAndCom(CString strURL, CString strProg){ HRESULT hr = NOERROR; m_strURL = strURL; hr = m_spComDisp.CoCreateInstance(strProg); if(FAILED(hr)) { TRACE(_T("Some error when create com object
\n")); } SetExternalDispatch(m_spComDisp);}STDMETHODIMP CHTMLContainerDlg::GetHostInfo(DOCHOSTUIINFO* pInfo){ pInfo->dwFlags = DOCHOSTUIFLAG_THEME; return S_OK;}CHTMLContainerDlg dlg;
TCHAR szPath[MAX_PATH] = { 0 }; CString strPath; GetCurrentDirectory(MAX_PATH, szPath); strPath = szPath; strPath += _T("\\Default.htm"); dlg.SetHtmlAndCom(strPath, _T("TestWebCom.WebComCtrl")); dlg.DoModal();
对话框标题其实可以通过解析html文档获取title标题讄Q目前还未处理。下面看看html与应用交互的lg?br />生成一个atl工程QTestWebComQ添加一个comlgWebComCtrlQ添加方法处理上面那个带...的按?文gҎ览按?Q?br />
STDMETHODIMP CWebComCtrl::ShowFolderBrowser(void){
AFX_MANAGE_STATE(AfxGetStaticModuleState()); // TODO: 在此d实现代码 AfxMessageBox(_T("In Com, you can show folder select dialog")); return S_OK;
}q里不作具体处理Q只是象征性弹Z个对话框。好了，上面我们在对话框里面已经讄了comlg的progidQ这里可以把html和组件关联上了，通过脚本可以讉KcomlgҎQ?br />
<BUTTON CLASS="buttonClass3Custom" ID="BrowseBtn" TYPE="BUTTON" TITLE="览头文件? onClick="OnBrowseHeaderFile();"></BUTTON>function OnBrowseHeaderFile(){ window.external.ShowFolderBrowser();}
q个很恼人，用户可没有耐心忍受每次多弹个对话框询问lg是否安全。我开始打将lg实现安全接口解决掉此问题Q不q不知道~何Q没有成功，|上搜烦一下好像说在ie7里面无效Q没办法q是看mfc源码来解决问题?br />CDHtmlDialogc获取external代码如下Q?br />
STDMETHODIMP CDHtmlDialog::GetExternal(IDispatch **ppDispatch){ if(ppDispatch == NULL) return E_POINTER; *ppDispatch = NULL; if (m_spExternalDisp.p && CanAccessExternal())
{ m_spExternalDisp.p->AddRef(); *ppDispatch = m_spExternalDisp.p; return S_OK;
} return E_NOTIMPL;}BOOL CHTMLContainerDlg::CanAccessExternal(){ // we trust all com object (haha, you can make virus) return TRUE;}
一套流E完备，Ҏ个h觉得不错Q各司其职，通信自然畅通，一个html配对一个com功能lgQ功能组件化不仅使代码封装性好Q而且可以用于多种语言?br />
׃此技术不用于公司开发，今整理提?a href="/files/wlwlxj/WebGUI.rar">下蝲
]]>
H口控gskinQ?br />skin前：
Skin后：
对话框skinZ贴图Q窗口控件基于gdiQ各自有自己优势。对话框上面位图上的部件没有处理，可能需要rgn操作描述部g位置信息。gdi skin比较完善Q只是示例不全面Q风格只有java的。有旉慢慢做，自娱自乐?br />
demo下蝲
]]>
]]>
]]>
]]>
]]>
]]>
]]>
]]>
]]>
msdnQ?font size="3">有关选择集合cȝ
]]>
3、在DemoExp.h中：
// 下面两行防止重复包含
#ifndef _DEMOEXP_H (?可以是Q意的)
#define _DEMOEXP_H
// 下面一行预定义,在编译的时候定义_DEMOEXP把函数导?调用的时候没有定义则导出函数
#ifdef _DEMOEXP (?可以是Q意的)
#define DEMOEXPAPI __declspec(dllexport)
#else
#define DEMOEXPAPI __declspec(dllimport)
#endif
// 导出函数接口
DEMOEXPAPI int ShowDlg();
// 调用的时候没有定义则自动q接
#ifndef _DEMOEXP (?和上面一?
#pragma comment(lib, "Demo.lib")
#endif
#endif
4、在DemoExp.cpp中先I实玎ͼ
#include "StdAfx.h"
#include "DemoExp.h"
DEMOEXPAPI int ShowDlg()
{
return 0;
}
5、添加一对话?q生产类CDemoDlgc?br />6、在DemoExp.cpp中：
#include "DemoDlg.h"
修改函数如下Q?br />DEMOEXPAPI int ShowDlg()
{
// 切换资源模块
AFX_MANAGE_STATE(AfxGetStaticModuleState());
CDemoDlg dlg;
dlg.DoModal();
return 0;
}
7、设|Setting->c/c++->Preprocessor definitions:d,_DEMOEXP;stdafx.h中添?include "Resource.h"
8、编译即生dll
9、添加一对话框程序测?具体?a href="/files/wlwlxj/demo.rar">CZ代码?/a>
]]>