CN102043611A - 一种动态生成用户界面的系统及其实现方法 - Google Patents

一种动态生成用户界面的系统及其实现方法 Download PDF

Info

Publication number
CN102043611A
CN102043611A CN200910110317XA CN200910110317A CN102043611A CN 102043611 A CN102043611 A CN 102043611A CN 200910110317X A CN200910110317X A CN 200910110317XA CN 200910110317 A CN200910110317 A CN 200910110317A CN 102043611 A CN102043611 A CN 102043611A
Authority
CN
China
Prior art keywords
result
interface
browser kernel
render engine
equipment
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN200910110317XA
Other languages
English (en)
Other versions
CN102043611B (zh
Inventor
孙翀
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
TCL Corp
Original Assignee
TCL Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by TCL Corp filed Critical TCL Corp
Priority to CN200910110317.XA priority Critical patent/CN102043611B/zh
Publication of CN102043611A publication Critical patent/CN102043611A/zh
Application granted granted Critical
Publication of CN102043611B publication Critical patent/CN102043611B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Stored Programmes (AREA)

Abstract

本发明公开了一种动态生成用户界面的系统及其实现方法，其系统，包括CE设备和互联网服务器，所述CE设备包括本地代码库、浏览器内核渲染引擎和系统缓冲区；浏览器内核渲染引擎，用于从互联网服务器中下载界面文档，解析所述界面文档，并对其进行效果渲染，得出渲染结果，将渲染结果输出到系统缓冲区；本地代码库，用于调用CE设备中的显示资源进行绘图操作，得出输出结果，并与浏览器内核渲染引擎通讯后在渲染结果输出的同时将输出结果输出到所述系统缓冲区。本发明由于在CE设备中采用了本地代码库和浏览器内核渲染引擎，满足了UI的运行效率高，显示效果好，开发周期短，实现速度快，而且升级和部署新系统非常容易的要求。

Description

一种动态生成用户界面的系统及其实现方法
技术领域
本发明涉及计算机、网络技术领域，特别涉及一种生成动态用户界面的系统及其实现方法。
背景技术
UI(UI即用户界面，是User Interface的简称)是CE(电子消费)产品中非常重要的组成部分。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计不仅让CE(电子消费)产品变得有个性有品味，还让CE(电子消费)产品的操作变得舒适、简单、自由，充分体现CE(电子消费)产品的定位和特点。
传统的UI(用户界面)一般使用C语言之类的比较常用的编程语言编写程序，这样写出来的程序是本地运行程序，即：生成UI界面的全部二进制代码都在CE设备内驻留并且运行。
随着网络的普及，出现了另外一种UI，其方法是使用浏览器作为生成界面的核心，界面代码驻留在远程服务器上，系统运行时，浏览器从远端服务器上下载界面描述代码，运行并显示。
但是，上述两种程序都有各自的缺点：用C语言编写的本地运行程序其缺点在于，系统UI(用户界面)的开发周期很长，而且对开发人员的要求比较高，整个系统需要从底层开始重新设计和实现，其升级和部署新系统的难度非常大，需要用户自己操作升级过程。用浏览器作为生成界面核心程序的缺点在于，浏览器自身的界面呈现能力有限，不能做到非常好的、近乎随心所欲的界面效果，因此用浏览器生成的界面能做到的完善程度非常有限。
随着UI的改进和更新，在当前的CE产品越来越强调良好的用户体验情况下，对UI提出了很高的要求，例如炫酷要求，这是用浏览器技术体系架构根本所无法满足的。同时由于产品升级换代速度的加快，UI变化的速度也随之加快，运营商不可能要求用户经常发起升级的操作，但同时又希望用户可以随时自动看到新的东西。
因而，目前的本地运行程序和浏览器生成界面方式都不能满足实际的需要，现有技术还有待改进和提高。
发明内容
本发明的目的在于提供一种动态生成用户界面的系统及其实现方法，可以在强大的界面显示效果和动态的界面生成机制两方面达到最优的效果。
为了达到上述目的，本发明采取了以下技术方案：
一种动态生成用户界面的系统，包括CE设备和与CE设备无线连接的互联网服务器，其特征在于，所述CE设备包括本地代码库、浏览器内核渲染引擎和系统缓冲区；所述浏览器内核渲染引擎，用于从互联网服务器中下载界面文档，解析所述界面文档，对其进行效果渲染，以形成渲染结果，并将渲染结果输出到所述系统缓冲区；所述本地代码库，用于调用CE设备中的显示资源进行绘图操作，以形成输出结果，并与浏览器内核渲染引擎通讯后，在所述渲染结果输出的同时将输出结果输出到所述系统缓冲区；所述系统缓冲区，用于接收所述浏览器内核渲染引擎和本地代码库输出的结果，并将所述结果在用户界面上显示。
所述的系统，其中，所述浏览器内核渲染引擎包括一动态控制模块，用于控制用户界面的动态区域；所述本地代码库包括一静态控制模块，用于控制用户界面的静态区域。
所述的系统，其中，所述互联网服务器包括界面描述语言库，用于给所述浏览器内核渲染引擎提供最新的界面文档。
所述的系统，其中，所述本地代码库采用C语言编写实现。
所述的系统，其中，所述界面文档为用HTML或XML语言编写的文档。
一种动态生成用户界面系统的实现方法，其中，所述方法包括以下步骤：
A、浏览器内核渲染引擎从界面描述语言库中，下载最新的界面文档，解析下载的界面文档，对其进行效果渲染，以形成渲染结果，并将渲染结果输出到所述系统缓冲区；
B、本地代码库调用CE设备中的显示资源进行绘图操作，以形成输出结果，并与浏览器内核引擎通讯后，在渲染结果输出的同时将输出结果输出到系统缓冲区；
C、系统缓冲区接收浏览器内核渲染引擎和本地代码库输出的结果，并将所述结果在用户界面上显示。
所述的实现方法，其中，所述浏览器内核渲染引擎实现对用户界面的动态区域的控制。
所述的实现方法，其中，所述本地代码库实现对用户界面的静态区域的控制。
本发明提供的动态生成用户界面的系统及其实现方法，由于在CE设备中采用了本地代码库和浏览器内核渲染引擎，满足了UI的显示效果好，运行效率高，开发周期短，实现速度快，而且升级和部署新系统非常容易的要求，在强大的界面显示效果和动态的界面生成机制两方面达到了最优的效果。
附图说明
图1是本发明动态生成用户界面系统的结构示意图；
图2是本发明动态生成用户界面的方法流程图。
具体实施方式
本发明提供一种动态生成用户界面的系统及其实现方法，为使本发明的目的、技术方案及效果更加清楚、明确，以下参照附图并举实例对本发明进一步详细说明。
本发明的动态生成用户界面的系统，如图1所示，系统包括CE(电子消费)设备100和互联网服务器200，CE设备与互联服务器无线连接。所述CE设备包括本地代码库101、浏览器内核渲染引擎102和系统缓冲区103。其中，所述浏览器内核渲染引擎102直接与互联网服务器连接200，从互联网服务器中下载最新的界面文档，下载完成后，浏览器内核渲染引擎102直接开始解析界面文档，并将解析后的界面文档进行效果渲染，以形成渲染结果，并将渲染结果输出到系统缓冲区103中。
所述本地代码库101连接所述浏览器内核渲染引擎102和系统缓冲区103，用于调用CE设备100中的各种显示资源进行绘图操作，并与浏览器内核渲染引擎102通讯后，在所述渲染结果输出的同时将输出结果输出到所述系统缓冲区103中。
所述系统缓冲区103与本地代码库101和浏览器内核引擎102连接，用于接收所述浏览器内核渲染引擎102和本地代码库101输出的结果，并将所述结果在CE设备的显示界面上显示。
本发明的本地代码库101采用C语言编写实现，是一种用二进制代码库，编写出来的程序为本地运行程序，生成UI界面的全部二进制代码都在CE设备内驻留并运行，因此，本地代码库能实现功能强大的用户界面显示效果。
本发明的浏览器内核渲染引擎102是一种基于传统的浏览器内核。本实施例中，浏览器内核渲染引擎102在CE设备中是一种无界面的应用程序，因此，它不再是以PC上那种单独的有自己界面的应用程序的形态出现，而是一种以后台服务的形态，以无界面的方式运行。本发明提供的动态生成用户界面的系统，其UI的升级和部署新的系统非常容易，只需要在服务器端部署新的界面描述语言，在下次开启系统时，用户看到的就是新的UI界面。
本发明提供的动态生成用户界面的系统，其本地代码库101和浏览器内核渲染引擎102控制的区域是不同的，每个程序分别控制屏幕上的一部分区域。本实施例中，浏览器内核渲染引擎102包括一动态控制模块105，如图1所示，所述动态控制模块105用于控制用户界面的动态区域。本地代码库包括一静态控制模块104，所述静态控制模块104用于控制用户界面的静态区域。由此，浏览器内核引擎和本地代码库可以分工协作，控制用户界面的显示效果。具体为，浏览器渲染引擎102负责管理那些动态的，经常会变化的区域；本地代码库101负责管理那些固定不变的，需要很好的显示效果的区域。然后，本地代码库101和浏览器内核渲染引擎102通讯同时将结果输出到系统缓冲区，使UI得到最优的显示效果。
由此，当一个屏幕的显示内存区域以这种分而治之的方式加以管理时，就可以实现很多新的功能，例如：当界面的一个区域是显示那些动态内容或者功能，则完全可以由运营商在服务器端，通过控制界面描述文档，来控制最终呈现在用户面前的界面，这样，不同的用户看到的可以是完全不同的UI。
本发明的动态生成用户界面的系统，互联网服务器200包括界面描述语言库201，用于给所述浏览器内核渲染引擎102提供最新的界面文档。从而保证浏览器内核渲染引擎102从互联网服务器的界面描述语言库201中下载最新的界面文档。
本发明提供的动态生成用户界面的系统，其中，互联网服务器的界面描述语言库201提供的界面文档是用HTML或XML语言编写的文档，HTML和XML语言是一种解释性的语言，所以每次UI(用户界面)发生变化后，代码无须重新编译，可以直接提交，这便极大地方便了新UI的部署。
本发明提供的动态生成用户界面的系统，在CE设备中采用了本地代码库101和浏览器内核渲染引擎102，这种混合动态生成UI界面，充分利用了本地代码库101强大的界面显示效果和浏览器内核渲染引擎102在动态的界面生成机制方面优势，两者的结合实现的CE设备的界面显示最优的效果，满足了UI的显示效果好，运行效率高，开发周期短，实现速度快，而且升级和部署新系统非常容易的要求。
基于上述系统，本发明对应提供了一种动态生成用户界面的实现方法，在系统运行时，浏览器内核渲染引擎102从互联网服务器200上下载界面描述代码，经解析，渲染后，得出渲染结果，并将结果输出，本地代码库101调用CE设备中的各种显示资源进行绘图操作，得出输出结果，并在浏览器内核引擎102输出渲染结果时，将结果输出，如图2所示，所述方法包括以下步骤：
110、开启本发明的用户界面系统；
120、浏览器内核渲染引擎102直接与互联网服务器连接，从界面描述语言库中，下载最新的界面文档，解析下载的界面文档，对解析后的界面文档进行效果渲染，以形成渲染结果。本实施例中，浏览器内核渲染引擎102是一种以后台服务器的形态，以无界面的方式运行，实现对用户界面的动态区域控制。当界面文档下载完成后，浏览器内核渲染引擎102直接开始解析界面文档，然后浏览器内核渲染引擎对解析后的界面文档进行效果渲染，直到渲染出最佳的显示效果。在其它实施例中，如果互联网服务器没有界面描述语言库，浏览器内核渲染引擎102也可以通过其它方式在互联网服务器中下载最新的界面文档。
130、本地代码库调用CE设备中的各种显示资源进行绘图操作，以形成输出结果。其中，本地代码库是本地的二进制代码库，这套代码可以直接调用CE设备中的各种显示资源进行绘图操作，实现对用户界面的静态区域的控制，使用户界面可以实现功能非常强大的显示效果。
140、输出结果，浏览器内核渲染引擎102完成渲染后，将渲染结果输出至Frame Buffer(系统缓冲区)中，此时，本地代码库101与浏览器内核渲染引擎102通讯后，在渲染结果输出的同时将输出结果输出到系统缓冲区中。
150、系统缓冲区接收浏览器内核渲染引擎102和本地代码库101输出的结果，并将所述结果在CE设备上显示。
本发明采用本地代码库程序和浏览器内核渲染引擎程序混合动态生成UI界面的方法，实现了UI运行效率高，显示效果好，开发周期短，实现速度快，升级和部署系统非常容易的特点。
可以理解的是，对本领域普通技术人员来说，可以根据本发明的技术方案及其发明构思加以等同替换或改变，而所有这些改变或替换都应属于本发明所附的权利要求的保护范围。

Claims (8)

1.一种动态生成用户界面的系统，包括CE设备和与CE设备无线连接的互联网服务器，其特征在于，所述CE设备包括本地代码库、浏览器内核渲染引擎和系统缓冲区；
所述浏览器内核渲染引擎，用于从互联网服务器中下载界面文档，解析所述界面文档，对其进行效果渲染，以形成渲染结果，并将渲染结果输出到所述系统缓冲区；
所述本地代码库，用于调用CE设备中的显示资源进行绘图操作，以形成输出结果，并与浏览器内核渲染引擎通讯后，在所述渲染结果输出的同时将输出结果输出到所述系统缓冲区；
所述系统缓冲区，用于接收所述浏览器内核渲染引擎和本地代码库输出的结果，并将所述结果在CE设备的显示界面上显示。
2.根据权利要求1所述的系统，其特征在于，所述浏览器内核渲染引擎包括一动态控制模块，用于控制用户界面的动态区域；所述本地代码库包括一静态控制模块，用于控制用户界面的静态区域。
3.根据权利要求1所述的系统，其特征在于，所述互联网服务器包括界面描述语言库，用于给所述浏览器内核渲染引擎提供最新的界面文档。
4.根据权利要求1所述的系统，其特征在于，所述本地代码库采用C语言编写实现。
5.根据权利要求3所述的系统，其特征在于，所述界面文档为用HTML或XML语言编写的文档。
6.一种采用权利要求1所述动态生成用户界面系统的实现方法，其特征在于，所述方法包括以下步骤：
A、浏览器内核渲染引擎从界面描述语言库中，下载最新的界面文档，解析下载的界面文档，对其进行效果渲染，以形成渲染结果，并将渲染结果输出到所述系统缓冲区；
B、本地代码库调用CE设备中的显示资源进行绘图操作，以形成输出结果，并与浏览器内核引擎通讯后，在渲染结果输出的同时将输出结果输出到系统缓冲区；
C、系统缓冲区接收浏览器内核渲染引擎和本地代码库输出的结果，并将所述结果在CE设备上显示。
7.根据权利要求6所述的实现方法，其特征在于，所述浏览器内核渲染引擎实现对用户界面的动态区域的控制。
8.根据权利要求6所述的实现方法，其特征在于，所述本地代码库实现对用户界面的静态区域的控制。
CN200910110317.XA 2009-10-23 2009-10-23 一种动态生成用户界面的系统及其实现方法 Expired - Fee Related CN102043611B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN200910110317.XA CN102043611B (zh) 2009-10-23 2009-10-23 一种动态生成用户界面的系统及其实现方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN200910110317.XA CN102043611B (zh) 2009-10-23 2009-10-23 一种动态生成用户界面的系统及其实现方法

Publications (2)

Publication Number Publication Date
CN102043611A true CN102043611A (zh) 2011-05-04
CN102043611B CN102043611B (zh) 2014-04-16

Family

ID=43909771

Family Applications (1)

Application Number Title Priority Date Filing Date
CN200910110317.XA Expired - Fee Related CN102043611B (zh) 2009-10-23 2009-10-23 一种动态生成用户界面的系统及其实现方法

Country Status (1)

Country Link
CN (1) CN102043611B (zh)

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2012155678A1 (zh) * 2011-06-30 2012-11-22 中兴通讯股份有限公司 基于浏览器解析方式的手机应用界面的开发方法和终端
CN103199902A (zh) * 2013-01-23 2013-07-10 陈敏 访问蓝牙设备的方法及系统
CN103544051A (zh) * 2012-07-17 2014-01-29 中兴通讯股份有限公司 一种操作方法及装置
CN104375849A (zh) * 2013-08-15 2015-02-25 腾讯科技（深圳）有限公司 加载内核的方法及装置
CN105307024A (zh) * 2014-06-13 2016-02-03 北京视联动力国际信息技术有限公司 一种基于视联网的图文信息界面控制方法和装置
CN106970926A (zh) * 2016-01-14 2017-07-21 卓望数码技术（深圳）有限公司 一种移动应用界面动态生成方法及系统
CN107193887A (zh) * 2017-04-28 2017-09-22 武汉斗鱼网络科技有限公司 一种加载图片资源的方法及装置
CN107341017A (zh) * 2017-06-30 2017-11-10 百度在线网络技术（北京）有限公司 Ui设计方法、装置、设备及存储介质
CN107562445A (zh) * 2016-06-29 2018-01-09 中国电信股份有限公司 用于动态更新用户界面的方法、装置和系统
CN110569096A (zh) * 2019-08-20 2019-12-13 上海沣沅星科技有限公司 去代码化制作人机交互界面的系统、方法、介质及设备
CN111596916A (zh) * 2020-04-20 2020-08-28 北京飞漫软件技术有限公司 一种应用程序管理方法、装置、设备及计算机存储介质

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106201447B (zh) * 2015-05-04 2020-03-17 腾讯科技（深圳）有限公司 信息展示框的制作方法及制作装置

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101071379A (zh) * 2007-03-21 2007-11-14 腾讯科技（深圳）有限公司 一种动态调整用户界面元素的方法及系统
CN101137152A (zh) * 2007-09-27 2008-03-05 腾讯科技（深圳）有限公司 一种在移动即时通信中交互三维动画的方法、系统及设备

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101071379A (zh) * 2007-03-21 2007-11-14 腾讯科技（深圳）有限公司 一种动态调整用户界面元素的方法及系统
CN101137152A (zh) * 2007-09-27 2008-03-05 腾讯科技（深圳）有限公司 一种在移动即时通信中交互三维动画的方法、系统及设备

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
王云泽: "移动终端用户界面应用框架的研究与实现", 《中国优秀硕士论文全文数据库》 *

Cited By (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2012155678A1 (zh) * 2011-06-30 2012-11-22 中兴通讯股份有限公司 基于浏览器解析方式的手机应用界面的开发方法和终端
CN103544051A (zh) * 2012-07-17 2014-01-29 中兴通讯股份有限公司 一种操作方法及装置
CN103199902A (zh) * 2013-01-23 2013-07-10 陈敏 访问蓝牙设备的方法及系统
CN103199902B (zh) * 2013-01-23 2016-01-20 深圳市乐得瑞科技有限公司 访问蓝牙设备的方法及系统
CN104375849A (zh) * 2013-08-15 2015-02-25 腾讯科技（深圳）有限公司 加载内核的方法及装置
CN104375849B (zh) * 2013-08-15 2019-01-11 腾讯科技（深圳）有限公司 加载内核的方法及装置
CN105307024B (zh) * 2014-06-13 2018-07-31 北京视联动力国际信息技术有限公司 一种基于视联网的图文信息界面控制方法和装置
CN105307024A (zh) * 2014-06-13 2016-02-03 北京视联动力国际信息技术有限公司 一种基于视联网的图文信息界面控制方法和装置
CN106970926A (zh) * 2016-01-14 2017-07-21 卓望数码技术（深圳）有限公司 一种移动应用界面动态生成方法及系统
CN107562445A (zh) * 2016-06-29 2018-01-09 中国电信股份有限公司 用于动态更新用户界面的方法、装置和系统
CN107193887B (zh) * 2017-04-28 2019-01-29 武汉斗鱼网络科技有限公司 一种加载图片资源的方法及装置
CN107193887A (zh) * 2017-04-28 2017-09-22 武汉斗鱼网络科技有限公司 一种加载图片资源的方法及装置
CN107341017A (zh) * 2017-06-30 2017-11-10 百度在线网络技术（北京）有限公司 Ui设计方法、装置、设备及存储介质
CN107341017B (zh) * 2017-06-30 2020-09-15 百度在线网络技术（北京）有限公司 Ui设计方法、装置、设备及存储介质
CN110569096A (zh) * 2019-08-20 2019-12-13 上海沣沅星科技有限公司 去代码化制作人机交互界面的系统、方法、介质及设备
CN110569096B (zh) * 2019-08-20 2022-10-18 上海沣沅星科技有限公司 去代码化制作人机交互界面的系统、方法、介质及设备
CN111596916A (zh) * 2020-04-20 2020-08-28 北京飞漫软件技术有限公司 一种应用程序管理方法、装置、设备及计算机存储介质

Also Published As

Publication number Publication date
CN102043611B (zh) 2014-04-16

Similar Documents

Publication Publication Date Title
CN102043611B (zh) 一种动态生成用户界面的系统及其实现方法
CN110704136B (zh) 小程序组件的渲染方法、客户端、电子设备及存储介质
KR100763789B1 (ko) 이동통신 단말기용 위젯형 대기화면 컨텐츠 데이터 제공시스템
CN103543993A (zh) 应用程序构建方法和系统
KR101416089B1 (ko) 웹 어플리케이션 저작을 위한 통합 플랫폼 및 그 저작 방법
CN108154569A (zh) 一种基于对象模型化配置的巡查采集方法
CN102981855A (zh) 基于模板的界面自动生成的方法及系统
CN101477463B (zh) 用于数字电视机顶盒的软件平台与软件开发平台
CN101477461A (zh) 应用程序界面动态生成装置及方法
CN102866886A (zh) 一种基于Web的算法动画可视化开发系统
CN106557314A (zh) 应用软件开发方法及装置
CN102207872A (zh) 按照用户需求定制Web UI控件的方法和系统
CN104967689B (zh) 一种数据处理方法和装置
CN106997298A (zh) 一种应用资源获取方法及装置
CN104866327A (zh) 一种php开发方法及框架
CN105068813A (zh) 一种提供安卓包apk修改服务的方法和装置
CN102866890B (zh) 基于对象关联的Android嵌入式界面及程序框架的生成系统及生成方法
CN106775654A (zh) 自动构建移动应用程序的方法和装置
CN105677303A (zh) 一种组态软件画面编辑工具的设计方法
CN111413876A (zh) 一种配置app的控制页面的方法及云平台、终端设备
CN103473047B (zh) 浏览器中标签页背景的管理方法、装置和客户端
CN105487868A (zh) 实现安卓设备虚拟按键隐藏和显示的方法和系统
CN104572280A (zh) 一种Android应用主题切换方法
CN112947900A (zh) web应用开发方法、装置、服务器及开发终端
CN114281335A (zh) 视图生成方法和相关设备

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20140416

CF01 Termination of patent right due to non-payment of annual fee