在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来实现我们的程序界面了。而菜单、工具条以及静态线都保留了下来,毕竟我们并不是要强制放弃所有的传统控件的使用。这种方式下,我们获得了更大的弹性。

 

《OpenCV3编程入门》学习笔记三:HighGUI图形用户界面

一:内容介绍 本节主要介绍OpenCV的HighGUI模块,并分享几个例子: 1. 用imwrite函数生成png透明图 2. 综合示例程序:图像的载入、显示与输出 3. 为程序界面添加滑动...

java图形用户界面编程.rar

  • 2016年11月13日 20:08
  • 3.99MB
  • 下载

LinuxQT图形用户界面编程

  • 2009年03月02日 22:43
  • 907KB
  • 下载

MFC图形用户界面——简单一元二次方程求根

看了贺老师的C++“窗口”程序设计启蒙,模仿着完成了方程求根的图形用户界面,效果如下: 核心代码(鼠标单击求解按钮的消息响应函数): void CMFCApplication11Dlg::On...

Java图形用户界面编程

  • 2012年11月05日 21:10
  • 1.79MB
  • 下载

Python学习笔记19:Python图形用户界面编程

1、Tcl、Tk和Tkinter Tkinter是Python的默认GUI库,它基于Tk工具集,后者最初是为工具命令语言(Tcl)设计的。Tk流行后被广泛移植,包括Perl(Perl/Tk)、Rub...
  • tiana0
  • tiana0
  • 2016年07月24日 19:06
  • 6958

图形用户界面的创建

  • 2015年10月30日 10:33
  • 52KB
  • 下载

Qt图形用户界面编程技术入门

本文向读者介绍利用Qt开发图形用户界面的应用程序的入门知识。这里,我们首先介绍了如何搭建Qt的开发环境,之后通过一些简单的示例程序来循序渐进地介绍Qt的“信号和槽”以及布局等基本概念。我们希望以此来帮...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在mfc编程中创建web风格的图形用户界面(三)
举报原因:
原因补充:

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