专利名称：一种动态生成用户界面的系统及其实现方法
技术领域：
本发明涉及计算机、网络技术领域，特别涉及一种生成动态用户界面的系统及其 实现方法。
背景技术：
UI (UI即用户界面，是her Interface的简称)是CE(电子消费)产品中非常重 要的组成部分。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设 计不仅让CE(电子消费)产品变得有个性有品味，还让CE(电子消费)产品的操作变得舒 适、简单、自由，充分体现CE(电子消费)产品的定位和特点。传统的UI (用户界面)一般使用C语言之类的比较常用的编程语言编写程序，这 样写出来的程序是本地运行程序，即生成UI界面的全部二进制代码都在CE设备内驻留并 且运行。随着网络的普及，出现了另外一种UI，其方法是使用浏览器作为生成界面的核心， 界面代码驻留在远程服务器上，系统运行时，浏览器从远端服务器上下载界面描述代码，运 行并显示。但是，上述两种程序都有各自的缺点用C语言编写的本地运行程序其缺点在于， 系统UI (用户界面)的开发周期很长，而且对开发人员的要求比较高，整个系统需要从底层 开始重新设计和实现，其升级和部署新系统的难度非常大，需要用户自己操作升级过程。用 浏览器作为生成界面核心程序的缺点在于，浏览器自身的界面呈现能力有限，不能做到非 常好的、近乎随心所欲的界面效果，因此用浏览器生成的界面能做到的完善程度非常有限。随着UI的改进和更新，在当前的CE产品越来越强调良好的用户体验情况下，对UI 提出了很高的要求，例如炫酷要求，这是用浏览器技术体系架构根本所无法满足的。同时由 于产品升级换代速度的加快，UI变化的速度也随之加快，运营商不可能要求用户经常发起 升级的操作，但同时又希望用户可以随时自动看到新的东西。因而，目前的本地运行程序和浏览器生成界面方式都不能满足实际的需要，现有 技术还有待改进和提高。
发明内容
本发明的目的在于提供一种动态生成用户界面的系统及其实现方法，可以在强大 的界面显示效果和动态的界面生成机制两方面达到最优的效果。为了达到上述目的，本发明采取了以下技术方案一种动态生成用户界面的系统，包括CE设备和与CE设备无线连接的互联网服务 器，其特征在于，所述CE设备包括本地代码库、浏览器内核渲染引擎和系统缓冲区；所述 浏览器内核渲染引擎，用于从互联网服务器中下载界面文档，解析所述界面文档，对其进行 效果渲染，以形成渲染结果，并将渲染结果输出到所述系统缓冲区；所述本地代码库，用于 调用CE设备中的显示资源进行绘图操作，以形成输出结果，并与浏览器内核渲染引擎通讯后，在所述渲染结果输出的同时将输出结果输出到所述系统缓冲区；所述系统缓冲区，用 于接收所述浏览器内核渲染引擎和本地代码库输出的结果，并将所述结果在用户界面上显7J\ ο所述的系统，其中，所述浏览器内核渲染引擎包括一动态控制模块，用于控制用户 界面的动态区域；所述本地代码库包括一静态控制模块，用于控制用户界面的静态区域。所述的系统，其中，所述互联网服务器包括界面描述语言库，用于给所述浏览器内 核渲染引擎提供最新的界面文档。所述的系统，其中，所述本地代码库采用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通讯后，在4所述渲染结果输出的同时将输出结果输出到所述系统缓冲区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运行效率高，显示效果好，开发周期短，实现速度快，升级和部署系统非常 容易的特点。可以理解的是，对本领域普通技术人员来说，可以根据本发明的技术方案及其发 明构思加以等同替换或改变，而所有这些改变或替换都应属于本发明所附的权利要求的保 护范围。
权利要求
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所述的实现方法，其特征在于，所述本地代码库实现对用户界面的 静态区域的控制。
全文摘要
本发明公开了一种动态生成用户界面的系统及其实现方法，其系统，包括CE设备和互联网服务器，所述CE设备包括本地代码库、浏览器内核渲染引擎和系统缓冲区；浏览器内核渲染引擎，用于从互联网服务器中下载界面文档，解析所述界面文档，并对其进行效果渲染，得出渲染结果，将渲染结果输出到系统缓冲区；本地代码库，用于调用CE设备中的显示资源进行绘图操作，得出输出结果，并与浏览器内核渲染引擎通讯后在渲染结果输出的同时将输出结果输出到所述系统缓冲区。本发明由于在CE设备中采用了本地代码库和浏览器内核渲染引擎，满足了UI的运行效率高，显示效果好，开发周期短，实现速度快，而且升级和部署新系统非常容易的要求。
文档编号G06F9/44GK102043611SQ20091011031
公开日2011年5月4日 申请日期2009年10月23日 优先权日2009年10月23日
发明者孙翀 申请人:Tcl集团股份有限公司