一种用户界面渲染方法及装置与流程

文档序号:15517409发布日期:2018-09-25 18:42阅读:163来源:国知局

本申请涉及计算机技术领域,尤其涉及一种用户界面渲染方法及装置。



背景技术:

javascript是一种动态语言,因其高效、动态、易用等特点越来越受到开发者的欢迎。node.js是javascript运行环境(runtime)或称运行平台,提供了多种系统级的应用程序编程接口(applicationprogramminginterface,api),用于方便地搭建响应速度快、易于扩展的应用程序。

javascript程序的运行依赖javascript解释器,在前端开发中,浏览器提供了这样的环境。而node.js提供了一套脱离浏览器的javascript运行环境,主要应用于后台服务器开发。

渲染引擎用于实现对用户界面的渲染。如何在node.js中集成用户界面渲染能力,是目前业界需要解决的问题。



技术实现要素:

本申请实施例提供一种用户界面渲染方法及装置。

本申请实施例提供的用户界面渲染方法中,动态语言应用运行平台中预加载有渲染引擎,所述方法包括:

第一线程获取待处理的用户界面渲染事件,所述第一线程为所述动态语言应用运行平台中的线程;

所述第一线程根据所述事件对应的用于调用渲染引擎的接口,调用所述渲染引擎提供的相应用户界面渲染功能。

本申请实施例提供的用户界面渲染装置,包括:

获取单元,用于获取待处理的用户界面渲染事件,所述第一线程为动态语言应用运行平台中的线程;其中,所述动态语言应用运行平台中预加载有渲染引擎;

第一处理单元,用于根据所述事件对应的用于调用渲染引擎的接口,调用所述渲染引擎提供的相应用户界面渲染功能。

本申请实施例提供的一个或多个计算机可读介质,所述可读介质上存储有指令,所述指令被一个或多个处理器执行时,使得通信设备执行上述方法。

本申请实施例提供的通信设备,包括:一个或多个处理器;以及,一个或多个计算机可读介质,所述可读介质上存储有指令,所述指令被所述一个或多个处理器执行时,使得所述装置执行上述方法。

本申请的上述实施例中,动态语言应用运行平台中预加载有渲染引擎,该平台中的第一线程获取到待处理的用户界面渲染事件后,可根据所述事件对应的用于调用渲染引擎的接口,调用所述渲染引擎提供的相应用户界面渲染功能,从而可在该平台中基于渲染引擎实现用户界面渲染,实现了在该平台中集成用户界面渲染能力。

附图说明

本申请的实施例通过示例而非限制的方式示出在所附附图中,类似的附图标记表示类似的元素。

图1根据一些实施例示例性地示出了操作系统架构100;

图2根据一些实施例示例性地示出了预加载有渲染引擎的node.js的示意图;

图3根据一些实施例示例性地示出了渲染引擎的接口映射关系示意图;

图4根据一些实施例示例性地示出了预加载渲染引擎后node.js资源的示意图;

图5根据一些实施例示例性地示出了渲染引擎的结构示意图;

图6根据一些实施例示例性地示出了node.js预加载示意图;

图7根据一些实施例示例性地示出了用户界面渲染流程示意图;

图8为根据一些实施例示例性地示出了事件循环机制示意图;

图9根据一些实施例示例性地示出了用户界面渲染装置的结构示意图;

图10根据一些实施例示例性地示出了一种装置示意图。

具体实施方式

虽然本申请的概念易于进行各种修改和替代形式,但是其具体实施例已经通过附图中的示例示出并且将在本文中详细描述。然而,应当理解,没有意图将本申请的概念限制为所公开的特定形式,而是相反,意图是覆盖与本申请以及所附权利要求一致的所有修改、等同物和替代物。

说明书中对“一个实施例”、“实施例”、“说明性实施例”等的引用,指示所描述的实施例可包括特定特征、结构或特性,但是每个实施例可以或可以不必包括特定特征、结构或特性。此外,这样的短语不一定指的是相同的实施例。进一步地,认为在本领域技术人员的知识范围内,当结合实施例描述特定特征、结构或特性时,结合无论是否明确描述的其它实施例影响这样的特征,结构或特性。另外,应当理解,以“a,b和c中的至少一个”的形式包括在列表中的项目可以表示(a);(b);(c);(a和b);(a和c);(b和c);或(a,b和c)。类似地,以“a,b或c中的至少一个”的形式列出的项目可以表示(a);(b);(c);(a和b);(a和c);(b和c)或(a,b和c)。

在一些情况下,所公开的实施例可以在硬件、固件、软件或其任何组合中实现。所公开的实施例还可以被实现为由一个或多个暂时性或非暂时性机器可读(例如,计算机可读)存储介质携带或存储的指令,其可以由一个或多个处理器读取和执行。机器可读存储介质可以体现为用于以机器可读形式(例如,易失性或非易失性存储器、介质盘或其他介质)存储或传输信息的任何存储设备,机制或其他物理结构的设备)。

在附图中,一些结构或方法特征可以以特定布置和/或顺序示出。然而,应当理解,可能不需要这样的具体布置和/或排序。相反,在一些实施例中,这些特征可以以与说明性附图中所示不同的方式和/或顺序来布置。另外,在特定图中包括结构或方法特征并不意味着暗示这种特征在所有实施例中都是需要的,并且在一些实施例中可以不包括或可以与其他特征组合。

操作系统用于向用户应用提供操作系统的基础能力,可基于动态语言应用运行平台实现,从而为动态语言应用提供运行环境。其中,node.js即为javascript的运行环境或运行平台。动态语言应用运行平台中预加载有多种模块,称为公共模,用于提供特定功能,比如系统服务功能。

其中,动态语言是计算机编程语言中的一个语言类别,是一类在运行时可以动态地改变类型、结构的语言,在运行时函数和属性可以被增加、修改和删除。例如javascript、python、ruby等都属于动态语言。动态语言不需要编译即可运行,在运行时需要运行环境的支撑,这个环境叫做运行时环境,它包含动态语言运行所需要的所有要素,例如java虚拟机、javascript引擎等。

以云操作系统(云os)中的host系统为例,它可基于node.js实现。node.js是javascript的运行环境,是建立在chrome上的javascript引擎的web应用程序框架,也就是说,操作系统基于node.js向用户应用提供操作系统的基础能力。node.js中包括多种模块,称为公共模块,这些模块可通过将用于实现特定功能的代码(比如实现操作系统级服务功能的代码)进行封装得到,比如可封装为组件形式,例如这些模块中可包括实现全球定位系统(globalpositioningsystem,简称gps)定位功能的组件、实现电源管理功能的组件等。这些模块的接口被暴露给应用层,应用层中的应用程序可通过调用这些模块的接口,通过javascript引擎解析模块中的代码,执行这些模块提供的方法,从而实现这些模块提供的功能。

目前,后台服务器应用一般运行于node.js。后台服务器应用的用户界面使用渲染引擎进行渲染。而渲染引擎大多专注于图形界面渲染,忽略了编程所需的其他公共模块的集成。使用这样的渲染引擎进行用户界面开发,需要编写或集成大量的公共模块,效率低下。node.js虽然提供了丰富的javascriptapi,开发者可以利用它提供的模块快速开发功能,但缺失了用户界面渲染能力。

对此,本申请实施例提供了一种将渲染引擎与node.js相融合的方案。下面结合附图对本申请实施例进行详细描述。

图1示例性地示出了一种操作系统架构100。架构100包括应用层10、应用框架层20和操作系统层30。应用层10中包括一个或多个应用。应用框架层20包括动态语言应用运行平台(比如node.js)。操作系统层30主要用于提供操作系统级别的代码库以及基本的系统服务,比如提供的系统服务可包括设备驱动服务、事件管理服务等。

本申请实施例基于上述架构,使渲染引擎可以访问到如node.js等的动态语言应用运行平台提供的能力。下面结合附图对本申请实施例进行详细描述。

动态语言应用运行平台启动时可预加载各种公共模块,并可进一步地将渲染引擎作为动态语言应用运行平台的标准模块进行预加载。

以动态语言应用运行平台为node.js为例,node.js启动过程中,node.js进程被创建。node.js进程预加载各种能力,这里所说的“能力”也可称为资源,可包括前述所描述的用于实现特定功能的模块(比如组件),还可以包括一些配置信息和/或资源等,比如上下文、事件队列等。node.js所预加载的能力中至少包括渲染引擎,进一步还可包括node.js提供的能力。其中,node.js提供的能力可包括:node.js中的公共模块(比如用于提供特定功能或服务的组件)和/或javascript运行环境相关信息。node.js中的公共模块可通过对用于实现特定功能的javascript代码封装得到。每个模块均具有接口(比如api),可提供给应用层供应用程序调用。javascript运行环境相关信息可包括但不限于javascript引擎的上下文、事件循环相关配置中的一种或多种。其中,上下文用于描述引擎内部的各种对象、状态和功能。javascript引擎的上下文中可包括由node.js进程所预加载的模块的接口(如api)。事件循环相关配置具体可包括node.js的事件队列的配置,比如事件队列所在的内存区域位置、队列大小等。

在一些实施例中,node.js进程可将预加载的能力(比如渲染引擎)封装为node.js中的标准模块,作为node.js的一个标准模块预加载的node.js中,图2示例性地示出了预加载有渲染引擎的node.js的示意图。

在一些实施例中,渲染引擎可由动态语言(如javascript语言)实现,即,渲染引擎中包含的函数由动态语言(如javascript语言)编写。在另外一些实施例中,渲染引擎的实现可分为两部分,其中为了性能考虑和多线程的利用,部分采用c/c++等自然语言实现,而另外的部分则采用动态语言,比如javascript语言实现。当然,渲染引擎也可以全部由c/c++等自然语言实现。

对于全部或部分由c/c++等自然语言实现的渲染引擎,渲染引擎可提供该自然语言的api(该api用于调用渲染引擎提供的基于该自然语言实现的用户界面渲染功能,即,调用渲染引擎中包含的该自然语言编写的函数),而动态语言应用运行平台支持动态语言,比如node.js支持javascript语言,因此需要将渲染引擎提供的自然语言api(如c/c++api)映射为动态语言应用运行平台(如node.js)支持的动态语言api(如javascriptapi),并将映射得到的api提供给应用层,动态语言应用运行平台(如node.js)中保存该api的映射关系。图3示例性地示出了渲染引擎的api映射关系示意图。其中,渲染引擎中可包括多种组件,比如windowsystem组件(窗口系统组件)、uielements组件(用户界面部件组件)、layout组件(布局组件)、eventhandling组件(事件处理组件)等,这些符合c/c++标准的组件的api被一一映射为对应的符合javascript标准的api。

对于全部由动态语言(如javascript语言)实现的渲染引擎,由于渲染引擎可提供动态语言api(该api用于调用渲染引擎提供的基于该自然语言实现的用户界面渲染功能,即,调用渲染引擎中包含的该自然语言编写的函数),而动态语言运行平台(如node.js)支持动态语言,比如javascript语言,因此无需进行api映射。

在一些实施例中,进一步地,动态语言应用运行平台中预加载的能力还可包括但不限于以下中的一种或多种组合:

-操作系统提供的能力

操作系统提供的能力可包括:操作系统层提供的系统服务等。操作系统层中可包括用于提供系统服务的模块,这些模块可由用于实现特定能力的代码封装得到。每个模块均具有接口(比如api)。本申请实施例中,可通过将操作系统层中的模块的api添加到动态语言引擎(如javascript引擎)的上下文中,实现对操作系统能力的预加载。

-用户自定义的能力

用户自定义的能力,即用户自定义的用于实现特定功能的代码,可被封装为模块,每个模块均具有接口(如api)。本申请实施例中,可通过将用户自定义的模块的api添加到动态语言引擎(如javascript引擎)的上下文中,实现对用户自定义能力的预加载。

图4以动态语言应用运行平台为node.js为例,示例性地示出了预加载渲染引擎后应用进程中的相关资源的示意图。如图所示,应用进程中包括node.js线程,node.js线程基于node.js的事件循环机制进行用户界面渲染等事件的处理。node.js线程可基于渲染引擎实现用户界面渲染。作为一个例子,node.js线程可通过调用渲染引擎提供的接口实现应用程序用户界面渲染,通过调用公共模块1提供的接口实现网络连接功能,通过调用公共模块2提供的接口实现设备能力查询功能,通过调用公共模块3提供的接口实现事件管理功能。

图5示例性地示出了渲染引擎的结构示意图。渲染引擎的实现可分为两部分。为了性能考虑和多线程的利用等,一部分可使用自然语言实现(如c/c++等语言),另一部分使用动态语言实现(如javascript)。以自然语言为c/c++、动态语言为javascript为例,如果node.js线程需要调用渲染引擎中由javascript实现的部分,则基于javascriptapi调用该部分中对应的函数;如果node.js线程需要调用渲染线程中由c/c++实现的部分,则向javascript虚拟机发送调用指令,该调用指令中包括javascriptapi,javascript虚拟机将该javascriptapi映射为对应的c/c++api,并基于映射得到的c/c++api调用渲染引擎中由c/c++的实现部分中的相应函数,以实现用户界面渲染功能。

图6以node.js为例,示例性地示出了本申请实施例提供的node.js资源加载过程。该过程示例性地描述了node.js启动过程。如图所示,在s610中,node.js进程启动(比如启动javascript应用程序时则启动对应的node.js进程)。在s611~s613中,node.js进程执行初始化过程,在该过程中,node.js进程预加载渲染引擎以及公共模块,所述公共模块可包括网络模块、系统模块等。具体预加载过程可参见前述实施例的描述。

图7示例性地示出了本申请实施例提供的用户界面渲染流程。如图所示,在s701中,第一线程获取待处理的用户界面渲染事件;在s702中,第一线程根据所述事件对应的用于调用渲染引擎的接口,调用所述渲染引擎提供的相应用户界面渲染功能。其中,第一线程可以是node.js线程。作为一个示例,用户界面渲染事件可在以下情况下生成:由用户操作行为引起的需要刷新用户界面的情况(比如,用户通过触摸操作进行应用程序的切换,因此需要刷新屏幕显示内容,以显示切换到的目标应用程序的用户界面);再例如,用户点击用户界面中的一个功能按键来打开一个页面时,可生成用户界面渲染事件。

进一步地,如果第一线程对应的应用还基于公共模块接口调用了公共模块提供的功能,则在s703中,第一线程根据所述事件对应的用于调用公共模块的接口,调用所述公共模块提供的相应公共功能。

可选地,如前所述,渲染引擎提供的接口包括自然语言接口,该自然语言接口被映射为动态语言接口,该自然语言接口用于调用渲染引擎中基于该自然语言提供的用户界面渲染功能,动态语言为node.js支持的动态语言,则在s702中,node.js线程可获取所述事件对应的用于调用渲染引擎的动态语言接口,将获取到的动态语言接口映射为对应的自然语言接口,根据映射得到的自然语言接口调用渲染引擎提供的相应用户界面渲染功能。在一些例子中,具体过程可参见图5所示。

node.js采用事件循环(eventloop)机制。本申请实施例中,渲染引擎被预加载到node.js中,因此渲染引擎的事件与node.js的事件可基于node.js的事件队列进行事件循环。在没有事件发生的情况下,事件循环处于等待状态并阻塞,当node.js或者渲染引擎有事件发生时,会将事件循环唤醒。比如,当渲染引擎有事件发生时,可通过异步方式唤醒事件循环,该渲染引擎的事件被存储于事件队列。该事件队列通常采用先进先出的机制。

图8以node.js为例,示例性地示出了本申请实施例的事件循环机制。如图所示,node.js的事件和渲染引擎的事件按照发生的先后顺序被存储在事件队列中。node.js线程从事件队列中读取事件进行响应时,如果当前读取到的是用户界面渲染事件,则根据该用户界面渲染事件对应的用于调用渲染引擎的接口,调用渲染线程中相应的功能,以实现用户界面渲染功能,如果当前读取的是其他node.js事件,则根据读取到的node.js事件所对应的用于调用公共模块的接口,调用相应的功能模块,从而实现了将渲染引擎中的事件处理融入到了node的事件循环中。

可选地,可采用异步处理机制对事件进行处理。具体地,可向node.js线程注册回调函数,该回调函数用于在有用户界面渲染事件发生时通知node.js线程。这样,当有用户界面渲染事件进入队列时,可通过该回调函数通知node.js进程,node.js进程可在接收到该回调函数的通知后,从node.js事件队列中获取待处理的用户界面渲染事件。

可选地,可由另外的线程对node.js事件队列进行管理。为描述方便,此处将用于管理node.js事件队列的线程称为事件线程。事件线程可与操作系统对接,从操作系统接收操作系统相关事件,并将该操作系统相关事件存储在node.js事件队列。其中,所述操作系统相关事件可包括但不限于:按键事件(keyevent)、触摸事件(touchevent)、渲染事件(renderevent)。

通过以上描述可以看出,本申请的上述实施例中,node.js中包括公共模块和渲染引擎,node.js线程获取到待处理的用户界面渲染事件后,一方面可获取所述事件对应的用于调用渲染引擎的接口,根据获取到的用于调用渲染引擎的接口调用所述渲染引擎提供的相应用户界面渲染功能,另一方面可获取所述事件对应的用于调用公共模块的接口,根据获取到的用于调用公共模块的接口调用所述公共模块提供的相应公共功能。由此可见,由于node.js中包括渲染引擎,因此一方面可在node.js中基于渲染引擎实现用户界面渲染,另一方面,由于node.js中还包括公共模块,因此第一线程还可在node.js中基于公共模块实现公共功能,从而在node.js中集成了用户界面渲染能力,为开发者进行程序开发提供了方便,即开发者仅需开发可在node.js中运行的应用程序,该应用程序即可使用node.js中的公共模块提供的公共功能,还可以使用node.js中的渲染引擎提供的用户界面渲染功能。

本申请的上述实施例可应用于移动终端,比如手机、智能穿戴设备、车载设备、pda等。以应用于基于云操作系统的手机为例,采用本申请实施例,可由node.js线程基于渲染引擎实现用户界面渲染,从而使得用户界面渲染操作可使用node.js所提供的能力,实现了node.js与渲染引擎的融合。

基于相同的技术构思,本申请实施例还提供了一种用户界面渲染装置,可实现前述实施例描述的用户界面渲染流程。

图9示例性地示出了本申请实施例提供的用户界面渲染装置的结构示意图。该装置可包括:获取单元901、第一处理单元902,可选地,还可包括第二处理单元903,其中:

获取单元901,用于获取待处理的用户界面渲染事件,所述第一线程为动态语言应用运行平台中的线程;其中,所述动态语言应用运行平台中预加载有渲染引擎;

第一处理单元902,用于获取所述事件对应的用于调用渲染引擎的接口,根据获取到的用于调用渲染引擎的接口调用所述渲染引擎提供的相应用户界面渲染功能。

可选地,所述动态语言应用运行平台中还预加载有公共模块,第二处理单元903用于获取所述事件对应的用于调用公共模块的接口,根据获取到的用于调用公共模块的接口调用所述公共模块提供的相应公共功能。

可选地,所述渲染引擎提供的接口包括第一语言接口,所述第一语言接口被映射为第二语言接口,所述第一语言接口用于调用所述渲染引擎中基于所述第一语言提供的用户界面渲染功能,所述第二语言为所述动态语言应用运行平台支持的动态语言。第一处理单元902具体用于:获取所述事件对应的用于调用渲染引擎的第二语言接口,将获取到的第二语言接口映射为对应的第一语言接口,根据映射得到的第一语言接口调用所述渲染引擎提供的相应用户界面渲染功能。

可选地,第一处理单元902具体用于:向第二语言虚拟机发送调用指令,所述调用指令中包括用于调用渲染引擎的第二语言接口,所述调用指令用于触发所述第二语言虚拟机将所述第二语言接口映射为对应的第一语言接口,并基于映射得到的第一语言接口调用所述渲染引擎提供的相应用户界面渲染功能。

可选地,获取单元901具体用于:在接收到回调函数的通知后,从所述动态语言应用运行平台事件队列中获取待处理的用户界面渲染事件;其中,所述回调函数用于在有用户界面渲染事件进入所述事件队列时通知所述第一线程。

可选地,所述动态语言应用运行平台包括node.js,所述第二语言包括javascript语言。

基于相同的技术构思,本申请实施例还提供了一种装置1000,该装置1000可实现前述实施例描述的流程。

图10示例性地示出了根据各种实施例的示例装置1000。装置1000可包括一个或多个处理器1002,系统控制逻辑1001耦合于至少一个处理器1002,非易失性存储器(non-volatilememory,nmv)/存储器1004耦合于系统控制逻辑1001,网络接口1006耦合于系统控制逻辑1001。

处理器1002可包括一个或多个单核处理器或多核处理器。处理器1002可包括任何一般用途处理器或专用处理器(如图像处理器、应用处理器基带处理器等)的组合。

一个实施例中的系统控制逻辑1001,可包括任何适当的接口控制器,以提供到处理器1002中的至少一个的任何合适的接口,和/或提供到与系统控制逻辑1001通信的任何合适的设备或组件的任何合适的接口。

一个实施例中的系统控制逻辑1001,可包括一个或多个内存控制器,以提供到系统内存1003的接口。系统内存1003用来加载以及存储数据和/或指令。例如,对应装置1000,在一个实施例中,系统内存1003可包括任何合适的易失性存储器。

nvm/存储器1004可包括一个或多个有形的非暂时的计算机可读介质,用于存储数据和/或指令。例如,nvm/存储器1004可包括任何合适的非易失性存储装置,如一个或多个硬盘(harddiskdevice,hdd),一个或多个光盘(compactdisk,cd),和/或一个或多个数字通用盘(digitalversatiledisk,dvd)。

nvm/存储器1004可包括存储资源,该存储资源物理上是该系统所安装的或者可以被访问的设备的一部分,但不一定是设备的一部分。例如,nvm/存储器1004可经由网络接口1006被网络访问。

系统内存1003以及nvm/存储器1004可分别包括临时的或持久的指令1010的副本。指令1010可包括当由处理器1002中的至少一个执行时导致装置1000实现6描述的方法之一或组合的指令。各实施例中,指令1010或硬件、固件,和/或软件组件可另外地/可替换地被置于系统控制逻辑1001,网络接口1006和/或处理器1002。

网络接口1006可包括一个接收器来为装置1000提供无线接口来与一个或多个网络和/或任何合适的设备进行通信。网络接口1006可包括任何合适的硬件和/或固件。网络接口1006可包括多个天线来提供多输入多输出无线接口。在一个实施例中,网络接口1006可包括一个网络适配器、一个无线网络适配器、一个电话调制解调器,和/或无线调制解调器。

在一个实施例中,处理器1002中的至少一个可以与用于系统控制逻辑的一个或多个控制器的逻辑一起封装。在一个实施例中,处理器中的至少一个可以与用于系统控制逻辑的一个或多个控制器的逻辑一起封装以形成系统级封装。在一个实施例中,处理器中的至少一个可以与用于系统控制逻辑的一个或多个控制器的逻辑集成在相同的管芯上。在一个实施例中,处理器中的至少一个可以与用于系统控制逻辑的一个或多个控制器的逻辑集成在相同的管芯上以形成系统芯片。

装置1000可进一步包括输入/输出装置1005。输入/输出装置1005可包括用户接口旨在使用户与装置1000进行交互,可包括外围组件接口,其被设计为使得外围组件能够与系统交互,和/或,可包括传感器,旨在确定环境条件和/或有关装置1000的位置信息。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1