CHtmlView在对话框控制中显示HTML文件

在Visual Studio 6.0中出现了一个新类CHtmlView,利用这个类,我们可以实现在对话框的控制中显示HTML文件。 要想使用CHtmlView类,对它的定义和实现就必须有全面深入的理解。我们不妨拿CHtmlView和CListView做一个比较,通过比较这两个类,我们会发现一些有趣的差别。首先,MFC中CListView有一个对应的CListCtrl类,而CHtmlView却没有一个CHtmlCtrl类与之对应;其次,CListView的使用依赖于MFC的文档/视结构,而CHtmlView的实现是基于COM的。通过IWebBrowser2接口来实现,而且IWebBrowser2与MFC文档/视图结构之间没有任何关系。
  为了实现在对话框的控制中显示HTML文件,我们也可以为CHtmlView创建一个对应的类CHtmlCtrl。
  以下是类CHtmlCtrl程序源代码:
  创建一个静态控制(也可以是其他控制),这个控制的ID及大小位置与界面上的控制相同。
  BOOL CHtmlCtrl::CreateFromStatic(UINT nID, CWnd* pParent)
  {
  CStatic wndStatic;
  if (!wndStatic.SubclassDlgItem(nID, pParent))
  return FALSE;
  // 获取静态控制的矩形区域并转换为父窗口的客户区坐标
  CRect rc;
  wndStatic.GetWindowRect(&rc);
  pParent->ScreenToClient(&rc);
  wndStatic.DestroyWindow();
  // 创建 HTML 控制 (CHtmlView)
  return
  Create(NULL, // 类名
  NULL, // 标题
  (WS_CHILD | WS_VISIBLE ), // 风格
  rc, // 矩形区域
  pParent, //父窗口
  nID, // 控制 ID
  NULL); //框架/文档
  }
  为了避免主控程序将CHtmlView对象看作是文档/视图框架,需要重载,CView::OnMouseActivate和CView::OnDestroy。此外,当用户在控制中单击时,OnMouseActivate要负责响应(WM_MOUSEACTIVATE)。
  int CHtmlCtrl::OnMouseActivate(CWnd* pDesktopWnd, UINT nHitTest, UINT msg)
  {
  //旁路 CView 文档/框架
  return CWnd::OnMouseActivate(pDesktopWnd, nHitTest, msg);
  }
  void CHtmlCtrl::OnDestroy()
  {
  if (m_pBrowserApp)
  {
  m_pBrowserApp->Release();
  m_pBrowserApp = NULL;
  }
  CWnd::OnDestroy(); // 旁路 CView 文档/框架
  }
  通常,CHtmlView是在virtual voi

(lpszURL, APP_PROTOCOL, len)==0)
  {
  OnAppCmd(lpszURL + len);
  *pbCancel = TRUE;
  }
  }
  重载OnAppCmd(),处理app:命令,当浏览器准备导航到“app:foo”时,这个函数被调用,参数lpszWhere的值为“foo”。
  void CHtmlCtrl::OnAppCmd(LPCTSTR lpszWhere){ // default: do nothing}
  重载OnMouseActivate, OnDestroy, 和 PostNcDestroy以后,CHtrmlCtrl在对话框中就可以象个控制一样工作。详细的使用方法请参见例子程序:AboutHtml。
  运行AboutHtml.exe,并打开About对话框……音乐多么美妙!更有趣的是程序所用到的HTML源文件、图像、声音等文件都作为资源存储在EXE文件中:
  // in AboutHtml.rc
  ABOUT.HTM HTML DISCARDABLE "res\\about.htm"
  PD.JPG HTML DISCARDABLE "res\\pd.jpg"
  OKUP.GIF HTML DISCARDABLE "res\\okup.gif"
  OKDN.GIF HTML DISCARDABLE "res\\okdn.gif"
  MOZART.WAV HTML DISCARDABLE "res\\mozart.wav"
  注意:用文件的实际名字作为资源名很重要,以便浏览器能够找到他们。在一个普通的Web页面中,我们使用图像是用下列语法:
  此代码假设图像文件"pd.jpg"存在当前目录(页面文件所在目录)中。
  如果图像文件是作为资源存在EXE文件中,我们如何引用呢?方法一样,此时,我们必须告诉浏览器Web页面文件的位置。为此要在Web页面文件的开头加上如下代码:
  这一行代码告诉浏览器当前目录是“res://AboutHtml.exe”,当浏览器遇到代码时,它会按照路径res://AboutHtml.exe/pd.jpg查找。否则,它会在程序文件的路径查找。
  通常用res://modulename可以访问动态库或可执行文件中的资源。这里res:的意思与http:,ftp:,file:,及mailto的意思相同。即:“在这个路径中的第一个名字是一个文件名,第二个名字是文件中的资源名”。其余的工作由浏览器完成。
  为了实现About对话框,先建一个对话框类:CAboutDialog,其中声明一个CHtmlCtrl对象:m_page。CAboutDialog本身的初始化代码如下:
  BOOL CAboutDialog::OnInitDialog()
  {
  VERIFY(CDialog::OnInitDialog());
  VERIFY(m_page.CreateFromStatic(IDC_HTMLVIEW, this));
  m_page.LoadFromResource(_T("about.htm"));
  return TRUE;
  }
  CHtmlCtrl::CreateFromStatic是个很简单的函数,它用于简化对话框的设计。因为用插入COM对象的方法太麻烦,所以我在对话框中插入了一个静态控件,改变它的缺省ID号。然后调用CreateFromStatic,以完全相同的ID号、大小、位置创建一个静态CStatic对象。然后在调用DestroyWindow,这个方法很有效。为了加载web页面,调用CHtmlCtrl::LoadFromResource函数,它是由CHtmlView继承而来的。也可以用全路径res://AboutHtml.exe/about.htm作为参数。
  现在您已经知道了CHtmlCtrl是如何在对话框中绕过CView来替代框架;知道了如何创建HTML文件,其中包含文字、图像和声音,并把它作为资源在程序中使用。
  除此之外,还有一个问题就是:CAboutDialog对话框中“OK”按钮的处理,其实,它根本就不是一个按钮,而是一个在HTML文件中嵌入的图像,用JScript来控制图像被按下时和弹起时的状态。处理“OK”按钮的技巧主要是解决对话框与主控程序之间的通讯。
  利用动态HTML文档层(COM)技术可以处理用户单击图像或链接,方法是获得图像元素,然后侦听OnClick事件。但这是一种非常

非常麻烦的方法。有没有更简单的方法呢……对于编程者来说,懒惰是一种美德。
  假设HTML有如下的图像链接:
  当用户单击它时,浏览器显示这个“OK”文件,但是在显示之前,控制先执行CHtmlCtrl::OnBeforeNavigate2。CHtmlCtrl能够在这个函数中做想做的任何事情。
  void CMyHtmlCtrl::OnBeforeNavigate2(
  LPCTSTR lpszURL,
  ...,
  BOOL* pbCancel)

一种可能导致CHtmlView加载HTML显示地图的原因是缺少必要的JavaScript代码或地图插件。CHtmlView是一个Web浏览器控件,它可以加载和显示HTML页面,并支持JavaScript运行。如果要在HTML显示地图,通常需要使用JavaScript代码来调用地图服务的API并绘制地图。因此,如果在加载HTML时没有引入或正确配置地图相关的JavaScript代码或插件,地图可能无法显示。 解决这个问题的方法是确保在HTML正确引入了地图相关的JavaScript库和API,并检查代码是否有错误。首先,确认HTML是否包含了正确的地图服务的API引用,比如Google Maps API。然后,确保代码的地图初始化和绘制部分正确调用了地图服务的API,传入正确的参数。 除了JavaScript代码的问题,还有可能是由于网络问题或地图服务不可用导致地图无法加载。在这种情况下,可以检查网络连接并尝试重新加载地图或稍后再试。 如果以上方法都没有解决问题,可以尝试使用其他地图插件或控件来显示地图,比如Leaflet或OpenLayers。这些插件通常提供了简单易用的API和示例代码,可以更容易地实现在CHtmlView加载和显示地图。 总之,要使CHtmlView正确加载和显示HTML的地图,需要确保HTML包含正确的地图API引用和JavaScript代码,并确保网络连接正常,地图服务可用。如仍然遇到问题,可以尝试使用其他地图插件或控件来解决。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值