在mfc编程中创建web风格的图形用户界面(三)

翻译 2006年06月19日 16:38:00

用CHtmlView类显示html格式

   我们需要将程序界面中的html代码做一些改动,让他们看起来和IE中看到的略有不同。

   在MFC程序中显示html格式是很容易的事情。只需要我们调用CHtmlView类就可以完成这项工作。首先我们要创建一个新的“MFC AppWizard(exe)”工程,选择单文档结构视图并打开多文档Document View结构支持。然后在CLass Wizard中创建并将ChtmlView类设定为基类。最后,把html格式的页面加入到系统资源中。

   为了使我们的web界面看起来更象是一个程序的界面而不是IE的窗口,对html页面的代码必须做一些必要的修改。

   ♦ 将html背景的颜色设定成标准的windows应用程序背景的颜色。

   ♦ 将html页面的右键菜单禁止,除非是用于editbox框中的右键菜单。

   ♦ 禁止html页面中的文字被鼠标框中,同样,editbox框中的文字例外。

   ♦ 禁止鼠标指针划过静态文字的时候改变形态,在IE中,鼠标指针划过静态文字的时候会变成“工”字形,在editbox框中也是如此。而在windows应用程序中这种现象应该避免。

下面的这段代码实现了上述的四项需要:

<SCRIPT LANGUAGE="JScript">

// Forbid user’s mouse selecting for the content 
//   (allow text selection in EditBox only)
function onSelect1(){
    if ( window.event.srcElement.tagName !="INPUT" ) {        
    window.event.returnValue = false;    
    window.event.cancelBubble = true;
    }
}

// Forbid IE context menu 
//  (allow in EditBox only)
//  (if the real context menu must be shown - Advanceв Hosting 
//  Interfaces must be used)
function onContextMenu(){
     if ( window.event.srcElement.tagName !="INPUT" ) {        
    window.event.returnValue = false;    
    window.event.cancelBubble = true;
        return false;
    }
}

// Install Context Menu and Mark handlers on HTML loading.
//   
function onLoad()
{
    // forbid cursor change (except "INPUT"
    // entry box and "A" hyperlink) for HTML text.
    var Objs = document.all;
    for (i=0; i< Objs.length; i++)
        // "INPUT" entry box and "A" hyperlink
        if (Objs(i).tagName!="INPUT" && Objs(i).tagName!="A")
        Objs(i).style.cursor = "default";
        
    // event handler – content selection
    document.onselectstart = onSelect1;
    // event handler – context menu
    document.oncontextmenu = onContextMenu;

}
</SCRIPT>

<BODY onload="onLoad();" 
leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0
style = "background-color: buttonface;" >
// the HTML background color will be as in Windows Applications

   用上述的方法,我们已经可以用html来实现我们的程序界面了。而菜单、工具条以及静态线都保留了下来,毕竟我们并不是要强制放弃所有的传统控件的使用。这种方式下,我们获得了更大的弹性。

 

在mfc编程中创建web风格的图形用户界面(一)

 文章的介绍   本文将为大家介绍如何在一个用MFC编写的程序中创建web风格的图形用户界面。这里我所讲述的“application with Web-style GUI”,意思是说用户界面的全部或者...
  • zhengjie19
  • zhengjie19
  • 2007年08月10日 17:12
  • 2135

在mfc编程中创建web风格的图形用户界面(五)

用CHtmlDialog类创建dialog窗口显示html   除了主窗口之外,大部分应用程序还需要创建其它会话窗口。这些会话窗口也可能会需要设计十分复杂的界面,不仅仅是在外观上来说,还包括对于用户操...
  • realphenix
  • realphenix
  • 2006年06月20日 16:54
  • 1735

在mfc编程中创建web风格的图形用户界面(二)

html窗口事件处理   CHtmlView类中缺少了什么?   典型的程序处理脚本都是假定能够从程序界面的各个元素(比如按钮)中接收到事件或者数据输入。所以在我们的程序中,还需要解决html界面与M...
  • zhengjie19
  • zhengjie19
  • 2007年08月10日 17:17
  • 1711

在mfc编程中创建web风格的图形用户界面(四)

html窗口事件处理   CHtmlView类中缺少了什么?   典型的程序处理脚本都是假定能够从程序界面的各个元素(比如按钮)中接收到事件或者数据输入。所以在我们的程序中,还需要解决html界面与M...
  • realphenix
  • realphenix
  • 2006年06月19日 19:38
  • 1520

在mfc编程中创建web风格的图形用户界面(二)

使用web风格用户界面的例子   web风格的用户界面实际上是在微软的程序中第一次出现的,就用在微软的操作系统中。(这种界面风格可以作为开发者一种不错的选择,我很痛恨微软为何不把这种方式推荐给大家,为...
  • realphenix
  • realphenix
  • 2006年06月19日 12:20
  • 1777

【MFC添加XP风格】

给MFC控件添加XP风格。
  • bigtree_mfc
  • bigtree_mfc
  • 2015年06月01日 10:30
  • 477

建立Office2007风格的MFC单文档应用程序

VS2008 SP1及之后的版本集成了BCGControlBar(MFC界面库)的部分功能,我们可以利用它建立具有Office2007风格的MFC应用程序:在MFC应用程序建立向导——应用程序类型——...
  • sdupzy
  • sdupzy
  • 2015年11月21日 17:58
  • 1033

设置listctrl 风格及扩展风格

以下未经说明,listctrl默认view 风格为report相关类及处理函数MFC:CListCtrl类SDK:以 “ListView_”开头的一些宏。如 ListView_InsertColumn...
  • highyyy
  • highyyy
  • 2010年10月29日 08:46
  • 5236

MFC(窗口,菜单栏,状态等的风格,孙鑫C++第九讲笔记整理)

1.修改外观和图标可以在MainFrm中进行,而修改背景和光标只能在View中进行。为什么?因为view的显示挡在了MainFrame的前面。  a.在MainFrame中      PreCre...
  • u012377333
  • u012377333
  • 2014年11月04日 20:02
  • 1649

MFC 设置编辑框风格

MFC编程中有时需要限制字符输入的类型,长度等。还可以设置不同颜色来提示。 1.首先需要自建一个新的类,插入--类--然后自己新建一个类,可以取名为CNewEdit,基类为CEdit。 2...
  • eager7
  • eager7
  • 2013年09月13日 17:41
  • 2999
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在mfc编程中创建web风格的图形用户界面(三)
举报原因:
原因补充:

(最多只允许输入30个字)