《一种基于浏览器扩展的跨平台GUI快速原型开发方法.pdf》由会员分享，可在线阅读，更多相关《一种基于浏览器扩展的跨平台GUI快速原型开发方法.pdf（4页珍藏版）》请在专利查询网上搜索。
1、(10)申请公布号 CN 102455914 A (43)申请公布日 2012.05.16 C N 1 0 2 4 5 5 9 1 4 A *CN102455914A* (21)申请号 201110454183.0 (22)申请日 2011.12.30 G06F 9/44(2006.01) (71)申请人四川长虹电器股份有限公司 地址 621000 四川省绵阳市高新区绵兴东路 35号 (72)发明人王耀龙 (74)专利代理机构成都九鼎天元知识产权代理 有限公司 51214 代理人徐宏 吴彦峰 (54) 发明名称 一种基于浏览器扩展的跨平台GUI快速原型 开发方法 (57) 摘要 本发明公开了一。
2、种基于浏览器扩展的跨平台 GUI快速原型开发方法，涉及跨操作系统平台应 用程序GUI界面快速原型开发的设计实现技术， 旨在针对现有的GUI开发方法不统一、初学者难 以掌握的缺陷，提供一基于浏览器扩展的跨平台 GUI快速原型开发方法。本发明技术要点包括： 步骤1：启动原始软件部分，调用当前系统的基本 图形设备接口初始化浏览器核心引擎，并为浏览 器引擎注册GUI事件消息循环；步骤2：利用HTML 构造用于绘制控件的控件区域；步骤3：利用HTML 或XML定义控件；步骤4：利用JavaScriptNative 语言在所述控件上定义扩展对象方法。 (51)Int.Cl. 权利要求书1页 说明书2页 (。
3、19)中华人民共和国国家知识产权局 (12)发明专利申请 权利要求书 1 页 说明书 2 页 1/1页 2 1.一种基于浏览器扩展的跨平台GUI快速原型开发方法，其特征在于，包括： 步骤1：启动原始软件部分，调用当前系统的基本图形设备接口初始化浏览器核心引 擎，并为浏览器引擎注册GUI事件消息循环； 步骤2：利用HTML构造用于绘制控件的控件区域； 步骤3：利用HTML或XML定义控件； 步骤4：利用JavaScript Native语言在所述控件上定义扩展对象方法。 2.根据权利要求1所述的一种基于浏览器扩展的跨平台GUI快速原型开发方法，其特 征在于，在步骤4中，利用JavaScript 。
4、Native语言调用原始软件的程序接口实现控件上的 对象方法定义。 3.根据权利要求1或2所述的一种基于浏览器扩展的跨平台GUI快速原型开发方法， 其特征在于，还包括利用CSS为控件添加背景图片、设置控件上文字标识以及设定控件宽 高的步骤。 权 利 要 求 书CN 102455914 A 1/2页 3 一种基于浏览器扩展的跨平台 GUI 快速原型开发方法 技术领域 0001 本发明涉及跨操作系统平台应用程序GUI界面快速原型开发的设计实现技术。 背景技术 0002 GUI是现代计算机软件的主要人机界面，由于操作系统平台的多样性和不同图形 库、编程语言、开发框架的异构分散性，形成了多种GUI开发。
5、技术并存、不统一的格局。HTML 超文本标记语言和浏览器技术的兴起，给图形界面应用带来了新的发展阶段，以XML结合 脚本语言的方式开发GUI软件正逐渐成为一种主流。 0003 现代GUI应用程序的核心组成通常以各种控件形成的工具栏、菜单栏的形式出 现，不同的应用开发平台和操作系统环境提供的开发框架都各不相同。对快速原型的应用 开发者来说，学习多种编程接口、使GUI软件得以跨平台无疑具有一定的难度。 发明内容 0004 本发明的目的是针对现有的GUI开发方法不统一、初学者难以掌握的缺陷，提供 一基于浏览器扩展的跨平台GUI快速原型开发方法。 0005 本发明采用的技术方案是这样的：一种基于浏览器。
6、扩展的跨平台GUI快速原型开 发方法，包括： 步骤1：启动原始软件部分，调用当前系统的基本图形设备接口初始化浏览器核心引 擎，并为浏览器引擎注册GUI事件消息循环； 步骤2：利用HTML构造用于绘制控件的控件区域； 步骤3：利用HTML或XML定义控件； 步骤4：利用JavaScript Native语言在所述控件上定义扩展对象方法。 0006 优选地，在步骤4中，利用JavaScript Native语言调用原始软件的程序接口实现 控件上的对象方法定义。 0007 优选地，还包括利用CSS为控件添加背景图片、设置控件上文字标识以及设定控 件宽高的步骤。 0008 综上所述，由于采用了上述技术。
7、方案，本发明的有益效果是： 本方法开发出来的GUI可以在各种操作系统上使用；统一了GUI开发风格；最大程度 上利用了HTML/XML/CSS/JavaScript的既有成熟技术和先进的内容布局面、样式风格面、 应用逻辑面相互分离独立的架构，GUI原型开发速度大大提高。 具体实施方式 0009 本说明书中公开的所有特征，或公开的所有方法或过程中的步骤，除了互相排斥 的特征和/或步骤以外，均可以以任何方式组合。 0010 本说明书（包括任何附加权利要求、摘要）中公开的任一特征，除非特别叙述，均可 被其他等效或具有类似目的的替代特征加以替换。即，除非特别叙述，每个特征只是一系列 说 明 书CN 10。
8、2455914 A 2/2页 4 等效或类似特征中的一个例子而已。 0011 当原始软件基本功能实现之后，为其增添GUI控件接口，形成一用户界面友好的 原型，其界面可划分为两部分：需要添加的控件GUI区域和原有文档内容区域。文档内容区 域可以存在，也可能不存在（不存在的情况即原始软件没有任何GUI部分）。 0012 首先，启动原始软件部分，调用当前系统的基本图形设备接口初始化浏览器核心 引擎，并为浏览器引擎注册GUI事件消息循环； 然后，利用HTML构造用于绘制控件的控件区域；利用HTML或XML定义控件；利用 JavaScript Native语言在所述控件上定义扩展对象方法。 0013 其。
9、中，利用JavaScript Native语言在所述控件上定义方法的具体做法是利用 JavaScript Native语言调用原始软件的程序接口。当页面控件区域的用户事件如鼠标点 击、键盘按键发生时，页面的JavaScript脚本调用对应的JavaScript扩展对象方法，进而 调用原始软件的程序接口，完成控件的控制和交互功能。 0014 为了使控件更加美观，还可以利用CSS细化控件外观，为控件添加背景图片、设 置控件上文字标识以及设定控件宽高。 0015 进一步举例说明本发明中定义控件的步骤，以单行多列控件栏为例，控件依次为 按钮1、按钮2、输入框，则其HTML可写为： 进一步，可以为按钮1。
10、、按钮2及输入框添加背景图片、文字标识，设定宽高等等，这可 以藉由页面中的CSS部分完成。 0016 当用户事件发生时，相关控件的对象方法调用原始软件接口完成相应的功能。再以 onClick事件实现某重启接口reload()为例，阐述本发明中为控件定义对象方法的步骤： 首先为浏览器引擎添加JavaScript扩展对象方法Application.reload()， Application.reload()为原始软件中的程序接口；假设控件元素id为button1，则 在中加入document.getElementById(button1).onclick=function() Application.reload()；或直接写入button1元素的属性中。 0017 本发明并不局限于前述的具体实施方式。本发明扩展到任何在本说明书中披露的 新特征或任何新的组合，以及披露的任一新的方法或过程的步骤或任何新的组合。 说 明 书CN 102455914 A 。