CN107169007B - 一种移动终端的显示界面设置方法及装置 - Google Patents

Abstract

本发明实施例提供了一种移动终端的显示界面设置方法及装置，其中方法包括：获取由服务器端发送的显示界面布局协议和CSS渲染协议，多层级单元结构按照页面层级、区块层级、行层级、组合单元层级逐级布局；将由服务器端发送的显示界面布局协议和CSS渲染协议分别转换为移动终端识别的本地显示界面布局数据和本地CSS渲染数据；通过本地显示界面布局数据对显示界面进行布局，使得布局后的显示界面中包括多个多层级单元；通过本地CSS渲染数据，对布局后的显示界面进行渲染，生成渲染后的显示界面。本发明实施例能够大幅提高后台服务器对显示界面的控制能力，在后台服务器需要对显示界面进行调整时及时调整，提高产品灵活性。

Description

一种移动终端的显示界面设置方法及装置

技术领域

本发明涉及网络通信技术领域，特别是涉及一种移动终端的显示界面设置方法及装置。

背景技术

手机、平板电脑等移动终端具有携带方便、功能强大的特点，随着网络技术的不断发展，人们的衣食住行与移动终端联系变得越来越紧密。在移动终端中，与人沟通最直接的部分便是显示界面，通过显示界面，人们能实现诸如网络购物、聊天、观看视频等一系列活动。

现有移动终端显示界面的设置方法，一般通过移动终端安装的前端应用程序本地化生成，这种方法根据预设在系统中的界面布局及渲染框架对显示界面进行设置，能够保证用户良好的使用体验。

但是，现有移动终端显示界面的设置方法，当需要对显示界面进行调整时，依靠重新发布新版本的应用程序，后台服务器无法对显示界面进行控制。

发明内容

本发明实施例的目的在于提供一种移动终端显示界面的设置方法及装置，以实现在应用程序中后台服务器对移动终端显示界面进行控制目的。具体技术方案如下：

一种移动终端的显示界面设置方法，包括：

获取由服务器端发送的显示界面布局协议和由服务器端发送的层叠样式表CSS渲染协议，所述由服务器端发送的显示界面布局协议为所述显示界面以多层级单元结构进行布局的协议，所述由服务器端发送的CSS渲染协议为对所述移动终端的显示界面的细节进行渲染的协议，所述多层级单元结构按照页面层级、区块层级、行层级、组合单元层级逐级布局，其中，所述组合单元层级为所述移动终端的最小布局单元；

将所述由服务器端发送的显示界面布局协议和所述由服务器端发送的CSS渲染协议，分别转换为所述移动终端识别的本地显示界面布局数据和本地CSS渲染数据；

通过所述本地显示界面布局数据对显示界面进行布局，使得布局后的显示界面中包括多个多层级单元，所述多层级单元中包含业务数据；

通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，生成渲染后的显示界面。

优选地，所述将所述由服务器端发送的显示界面布局协议和所述由服务器端发送的CSS渲染协议，分别转换为所述移动终端识别的本地显示界面布局数据和本地CSS渲染数据，具体包括：

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的页面层级下的多个区块层级单元布局结构，转换为所述移动终端识别的本地显示界面区块布局数据；

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的区块层级下的多个行层级单元布局结构，转换为所述移动终端识别的本地显示界面行布局数据；

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的行层级下的多个组合单元层级单元布局结构，转换为所述移动终端识别的本地显示界面组合单元布局数据；

将所述由服务器端发送的CSS渲染协议中的CSS格式渲染数据，转换为所述移动终端识别的本地格式渲染数据，所述本地格式渲染数据中包含：CSS版本信息、CSS主题名、以及与所述移动终端适配的数据单位及显示分辨率。

优选地，所述通过所述本地显示界面布局数据对显示界面进行布局，具体包括：

通过所述本地显示界面布局数据中的所述本地显示界面区块布局数据，将所述移动终端的显示界面的各页面布局为多个显示区块；

通过所述本地显示界面布局数据中的所述本地显示界面行布局数据，将所述显示区块布局为多个显示行；

通过所述本地显示界面布局数据中的所述本地显示界面组合单元布局数据，将所述显示行布局为多个显示组合单元。

优选地，所述通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，具体包括：

通过所述本地CSS渲染数据中的所述本地格式渲染数据，对所述显示行进行渲染，生成渲染后的显示行；

对所述渲染后的显示行中的所有显示组合单元进行渲染，生成渲染后的显示界面。

优选地，所述将所述由服务器端发送的显示界面布局协议和所述由服务器端发送的CSS渲染协议，分别转换为所述移动终端识别的本地显示界面布局数据和本地CSS渲染数据之后，所述显示界面设置方法还包括：

将多个所述本地显示界面组合单元布局数据依照对应的类型，存储为布局模块库；

将多个所述本地格式渲染数据按照CSS版本和CSS主题名存储为渲染数据库；

所述通过所述本地显示界面布局数据中的所述本地显示界面组合单元布局数据，将所述显示行布局为多个显示组合单元还包括：

调用所述布局模块库中的所述本地显示界面组合单元布局数据，将所述显示行布局为多个显示组合单元；

所述通过所述本地CSS渲染数据中的所述本地格式渲染数据，对所述显示行进行渲染，生成渲染后的显示行还包括：

调用所述渲染数据库中的所述本地格式渲染数据，对所述显示行进行渲染，生成渲染后的显示行。

优选地，所述通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，进一步包括：

确认所述布局后的显示界面中的具有相似用户界面的所述显示区块；

渲染所述具有相似用户界面的所述显示区块中的一个显示区块，并将渲染结果应用于其它所述具有相似用户界面的所述显示区块中。

优选地，所述通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，生成渲染后的显示界面之后，所述移动终端的显示界面设置方法还包括：

保存每次渲染时的渲染记录，所述渲染记录中包括CSS主题名、CSS版本信息以及渲染属性信息；

判断待进行渲染的所述CSS主题名、CSS版本信息以及渲染属性信息是否与所述渲染记录一致；

如果一致，取消所述待进行渲染，调取历史渲染结果；

将所述历史渲染结果作为所述待进行渲染的渲染结果。

一种移动终端的显示界面设置装置，包括：

获取模块，用于获取由服务器端发送的显示界面布局协议和由服务器端发送的层叠样式表CSS渲染协议，所述由服务器端发送的显示界面布局协议为所述显示界面以多层级单元结构进行布局的协议，所述由服务器端发送的CSS渲染协议为对所述移动终端的显示界面的细节进行渲染的协议，所述多层级单元结构按照页面层级、区块层级、行层级、组合单元层级逐级布局，其中，所述组合单元层级为所述移动终端的最小布局单元；

转换模块，用于将所述由服务器端发送的显示界面布局协议和所述由服务器端发送的CSS渲染协议，分别转换为所述移动终端识别的本地显示界面布局数据和本地CSS渲染数据；

布局模块，用于通过所述本地显示界面布局数据对显示界面进行布局，使得布局后的显示界面中包括多个多层级单元，所述多层级单元中包含业务数据；

渲染模块，用于通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，生成渲染后的显示界面。

优选地，所述转换模块，进一步用于：

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的页面层级下的多个区块层级单元布局结构，转换为所述移动终端识别的本地显示界面区块布局数据；

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的区块层级下的多个行层级单元布局结构，转换为所述移动终端识别的本地显示界面行布局数据；

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的行层级下的多个组合单元层级单元布局结构，转换为所述移动终端识别的本地显示界面组合单元布局数据；

将所述由服务器端发送的CSS渲染协议中的CSS格式渲染数据，转换为所述移动终端识别的本地格式渲染数据，所述本地格式渲染数据中包含：CSS版本信息、CSS主题名、以及与所述移动终端适配的数据单位及显示分辨率。

优选地，所述布局模块，进一步用于：

通过所述本地显示界面布局数据中的所述本地显示界面区块布局数据，将所述移动终端的显示界面的各页面布局为多个显示区块；

通过所述本地显示界面布局数据中的所述本地显示界面行布局数据，将所述显示区块布局为多个显示行；

通过所述本地显示界面布局数据中的所述本地显示界面组合单元布局数据，将所述显示行布局为多个显示组合单元。

优选地，所述渲染模块，进一步用于：

通过所述本地CSS渲染数据中的所述本地格式渲染数据，对所述显示行进行渲染，生成渲染后的显示行；

对所述渲染后的显示行中的所有显示组合单元进行渲染，生成渲染后的显示界面。

优选地，所述显示界面设置装置还包括：

第一存储模块，用于将多个所述本地显示界面组合单元布局数据依照对应的类型，存储为布局模块库；

第二存储模块，用于将多个所述本地格式渲染数据按照CSS版本和CSS主题名存储为渲染数据库；

所述布局模块，还包括：第一调用子模块，用于调用所述布局模块库中的所述本地显示界面组合单元布局数据，将所述显示行布局为多个显示组合单元；

所述渲染模块，还包括：第二调用子模块，用于调用所述渲染数据库中的所述本地格式渲染数据，对所述显示行进行渲染，生成渲染后的显示行。

优选地，所述渲染模块，进一步用于：

确认所述布局后的显示界面中的具有相似用户界面的所述显示区块；

渲染所述具有相似用户界面的所述显示区块中的一个显示区块，并将渲染结果应用于其它所述具有相似用户界面的所述显示区块中。

优选地，所述显示界面设置装置，还包括：

保存模块，用于保存每次渲染时的渲染记录，所述渲染记录中包括CSS主题名、CSS版本信息以及渲染属性信息；

判断模块，用于判断待进行渲染的所述CSS主题名、CSS版本信息以及渲染属性信息是否与所述渲染记录一致；

如果一致，取消所述待进行渲染，调取历史渲染结果；

将所述历史渲染结果作为所述待进行渲染的渲染结果。

本发明实施例提供的一种移动终端的显示界面设置方法及装置，通过获取由服务器端发送的显示界面布局协议和CSS渲染协议，并将显示界面布局协议和CSS渲染协议转换为本地客户端能够识别的语义信息，能够在不发布新版本程序的前提下，在应用程序中实现显示界面的改变，从而大幅提高后台服务器对显示界面的控制能力，在后台服务器需要对显示界面进行调整时及时调整，提高了产品灵活性。当然，实施本发明的任一产品或方法并不一定需要同时达到以上所述的所有优点。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例移动终端的显示界面设置方法的一种流程示意图；

图2为本发明实施例移动终端的显示界面设置方法中多层级单元结构的结构示意图；

图3为本发明实施例移动终端的显示界面设置方法中显示界面布局方式的一种流程图；

图4为本发明实施例移动终端的显示界面设置方法中显示界面渲染的一种流程图；

图5为本发明实施例移动终端的显示界面设置方法的另一种流程示意图；

图6为本发明实施例移动终端的显示界面设置方法的再一种流程示意图；

图7为本发明实施例移动终端的显示界面设置装置的一种结构示意图；

图8为本发明实施例移动终端的显示界面设置装置的另一种结构示意图；

图9为本发明实施例移动终端的显示界面设置装置的再一种结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

方法实施例一

本发明实施例提供的移动终端的显示界面设置方法的一种具体实施例，参考图1，图1为本发明实施例的移动终端的显示界面设置方法的一种流程示意图，包括：

S101、获取由服务器端发送的显示界面布局协议和由服务器端发送的CSS渲染协议，其中，由服务器端发送的显示界面布局协议为显示界面以多层级单元结构进行布局的协议，由服务器端发送的CSS渲染协议为对移动终端的显示界面的细节进行渲染的协议，多层级单元结构按照页面层级、区块层级、行层级、组合单元层级逐级布局，组合单元层级为所述移动终端的最小布局单元。

现有移动终端显示界面的设置方法，还会采用平台无关的Html5或者ReactNative等界面布局方案，虽然能提供良好的界面布局灵活性，但是由于这类方案的显示界面基于网页浏览器显示，容易受移动终端性能、浏览器性能和网络速度等多种因素影响，往往会存在卡顿、界面显示不完全、点击按钮没反应等问题，造成用户体验差，逐渐被专用的终端应用程序所替代。

将显示界面布局协议和CSS渲染协议改为由服务器端发送，并由移动终端接收，如果对显示界面进行调整，将不再依赖重新发版进行，同时还能保证良好的用户体验。可选地，显示界面布局协议以json格式发送至移动终端。

显示界面布局协议是一种用以对显示界面进行整体布局的协议，在对现实界面进行设置时，一般都需要遵从显示界面布局协议进行设置，以使显示界面按照规划进行布局。本发明实施例中，显示界面布局协议规定了显示界面以多层级单元结构进行布局。图2是本发明实施例移动终端的显示界面设置方法中多层级单元结构的结构示意图，如图2所示，这种多层级单元结构具体按照页面层级、区块层级、行层级、组合单元层级逐级组成。

在一个显示界面中，整个显示界面可以理解为一个页面层级，因此它是最大的显示区域，不需要布局。

页面层级的下级为多个区块层级，即一个页面被若干个区块划分成多个部分。可以理解，一个页面是以区块为单位进行布局的，因此，区块是最大的布局单元。

区块层级的下级为多个行层级，即一个区块被若干个行划分成多个部分，可以理解，一个区块是以行为单位进行布局的。

行层级的下级为多个组合单元层级，即一个行被若干个组合单元划分成多个部分，可以理解，一个行是以组合单元为单位进行布局的。组合单元层级为整个显示界面的最小布局单元，每个组合单元根据用户交互而设计。

CSS(Cascading Style Sheets)渲染协议是一种用来表现HTML或XML等文件样式的计算机语言。CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力,因此，它能够对移动终端应用程序中的文本控件、图片控件、按钮控件、视频控件、容器控件等进行细节渲染。本发明实施例中，由服务器端发送的CSS渲染协议中还包含一些扩展属性，例如文本最多显示函数的属性“text-lines”。

S102、将由服务器端发送的显示界面布局协议和由服务器端发送的CSS渲染协议，分别转换为移动终端识别的本地显示界面布局数据和本地CSS渲染数据。

移动终端接收到由服务器端发送的显示界面布局协议和由服务器端发送的CSS渲染协议，客户端需要根据平台特点进行本地化处理，以转换成移动终端能够识别的本地显示界面布局数据和本地CSS渲染数据。一般地，需要本地定义区块布局属性、行属性等数据结构，以对应显示界面布局协议中各层级结构，同时，根据协议中的层级结构使用不同的创建器，创建器用于在显示界面上创建不同层级结构的显示区块。服务器端下发的CSS渲染协议一般采用标准的CSS格式，移动终端对CSS格式的数据进行解析处理，生成本地对应的数据结构类型。

可选地，由服务器端发送的显示界面布局协议，具体本地化转换过程为：

S1021、将由服务器端发送的显示界面布局协议中，多层级单元结构的页面层级下的多个区块层级单元布局结构，转换为移动终端识别的本地显示界面区块布局数据。

S1022、将由服务器端发送的显示界面布局协议中，多层级单元结构的区块层级下的多个行层级单元布局结构，转换为移动终端识别的本地显示界面行布局数据。

S1023、将由服务器端发送的显示界面布局协议中，多层级单元结构的行层级下的多个组合单元层级单元布局结构，转换为移动终端识别的本地显示界面组合单元布局数据，从而完成本地化转换。

可选地，由服务器端发送的CSS渲染协议中，具体本地化转换过程为：

将由服务器端发送的CSS渲染协议中的CSS格式渲染数据，转换为移动终端识别的本地格式渲染数据，本地格式渲染数据中包含：CSS版本信息、CSS主题名、以及与移动终端适配的数据单位及显示分辨率。

CSS版本信息是指CSS协议具有的不同版本的信息；CSS主题名是指，移动终端将一套CSS样式设置数据定义为一套主题，并进行命名；与移动终端适配的数据单位，是指将CSS协议中的像素(px)、百分比(％)、宽高比(vw)等单位转化为移动终端的单位，如安卓系统手机中的dp、sp；与移动终端适配的显示分辨率是指，大部分情况下，不同屏幕分辨率和屏幕尺寸的手机使用同一套CSS标准，移动终端根据当前屏幕密度对转换后的单位乘以特定屏幕系数，以便适配不同屏幕。

S103、通过本地显示界面布局数据对显示界面进行布局，使得布局后的显示界面中包括多个多层级单元，且多层级单元中包含业务数据。

本地显示界面布局数据中包括了各层级结构的布局信息，因此可以通过本地显示界面布局数据对显示界面进行布局。其布局方式为以页面层级首先布局，再逐级进行布局。通过这种逐级界面布局方式，布局后的显示界面中，在页面中会显示多个区块，同时，在区块中会显示多个行，在行中会显示多个组合单元，这些不同的层级单元中，结合业务数据后，就成为了具有业务信息的层级单元。本发明实施例中，对各层级单元的命名只是表明其与其它层级单元的关系及区别，并不是对各层级单元名称的限定。

可选地，界面布局方式，参考图3，图3为本发明实施例的显示界面布局方式的一种流程图，具体为：

S1031、通过本地显示界面布局数据中的本地显示界面区块布局数据，将移动终端的显示界面的各页面布局为多个显示区块。

进行页面布局时，结合业务数据，首先将一个页面布局为多个显示区块，完成粗略布局。

S1032、通过本地显示界面布局数据中的本地显示界面行布局数据，将显示区块布局为多个显示行。

区块布局完成后，进而逐级布局显示区块中的行层级，即，将显示区块布局为多个显示行，进一步实现页面的粗略布局。

S1033、通过本地显示界面布局数据中的本地显示界面组合单元布局数据，将显示行布局为多个显示组合单元。

行布局完成后，进而逐级布局显示行中的组合单元层级，即，将显示行布局为多个显示组合单元，从而完成整个页面的详细布局。

S104、通过本地CSS渲染数据，对布局后的显示界面进行渲染，生成渲染后的显示界面。

页面布局完成后，还需要对页面的各显示单元进行更精细的细节渲染，以达到界面的背景、颜色、边距、字体等达到完整和美观的效果。图4为本发明实施例的显示界面渲染的一种流程图。本发明实施例中，界面渲染以显示行为最大渲染单位，并按照深度优先算法逐级递归渲染，这是因为，移动终端的页面布局是树状结构，从一个节点开始渲染，但节点下的子节点不止一个，而且子节点还有子节点，所以在选择流程上采用深度优先的算法去遍历渲染每一个节点，不会遗漏节点。以显示行为最大渲染单位，是因为通过渲染显示行及其下层级的显示组合单元，就可使整个显示界面达到细节渲染的效果，减少渲染对系统资源的消耗。布局后的组合单元中包含数据实体，例如：显示的图片信息(例如图片链接、图片大小)、显示的文字描述信息(例如文字的内容)、显示的按钮的信息(例如按钮上的文字，按钮的点击行为)、显示的视频信息(例如视频的内容、播放控制等)，每个数据实体中均带有关联控件的CSS类别属性，因此可以根据此CSS类别属性渲染每一个组合单元中的控件。

本发明方法实施例一，通过后台服务器发送显示界面布局协议和CSS渲染协议至移动终端，从而大幅提高后台服务器对显示界面的控制能力；通过获取由服务器端发送的显示界面布局协议和CSS渲染协议，并将显示界面布局协议和CSS渲染协议转换为本地客户端能够识别的语义信息数据，能够在不发布新版本程序的前提下，在应用程序中实现显示界面的改变，降低了企业的开发成本；同时，在后台服务器需要对显示界面进行调整时及时调整，提高了产品灵活性。

方法实施例二

本发明实施例提供的移动终端的显示界面设置方法的另一种具体实施例，参考图5，图5为本发明实施例移动终端的显示界面设置方法的另一种流程示意图，在方法实施例一的基础上，进一步包括：

S201、将多个本地显示界面组合单元布局数据依照对应的类型，存储为布局模块库。

本步骤位于方法实施例一S102之后，为了提高对显示界面布局的效率，可选地，将不同的本地显示界面组合单元的布局数据，以key-value的形式缓存至一个模块库中。其中，key是组合单元的类型的键值，该键值用于标识对应的组合单元类型，且与组合单元类型唯一对应，value是真正的布局数据。这种类似于字典索引的数据存储形式，当系统需要利用某个组合单元数据布局时，只需要直接调用布局模块库中该组合单元布局数据即可，不需要再次对布局协议中的数据进行本地化转换，因此能够提高界面布局效率。

S202、调用布局模块库中的本地显示界面组合单元布局数据，将显示行布局为多个显示组合单元。

本步骤中，区别于方法实施例一的S1033中通过本地显示界面布局数据中的本地显示界面组合单元布局数据，而是先调用布局模块库中的本地显示界面组合单元布局数据，再进行布局。这样，在进行布局时随时都可以调用已经缓存好的布局数据，提高界面布局效率。

S203、将多个本地格式渲染数据按照CSS版本和CSS主题名存储为渲染数据库。

类似于S201，本步骤将多个本地格式渲染数据，按照CSS版本和CSS主题名存储为渲染数据库。同理，多个本地格式渲染数据以key-value的形式缓存至一个模块库中。其中，key是本地格式渲染数据的CSS版本和CSS主题名的键值，value是真正的本地格式渲染数据。

S204、调用渲染数据库中的本地格式渲染数据，对显示行进行渲染，生成渲染后的显示行。

本步骤中，区别于方法实施例一的S104通过本地CSS渲染数据，对布局后的显示界面进行渲染，而是根据对应的CSS版本和CSS主题名，先调用渲染数据库中的本地格式渲染数据，再进行渲染。其中，本地格式渲染数据中包括CSS样式设置数据----主题，业务数据根据对应的CSS版本和CSS主题名，从渲染数据库中确定唯一的主题，再根据组合单元中的控件的类别确定该控件的渲染属性。当需要渲染时，只需要直接调用渲染数据库中的本地格式渲染数据。

本发明方法实施例二，通过将多个本地显示界面组合单元布局数据依照对应的类型，存储为布局模块库，当系统需要利用某个组合单元数据布局时，只需要直接调用布局模块库中该组合单元布局数据即可，不需要每次布局时对布局协议中的数据进行本地化转换，能够提高界面布局效率；通过将多个本地格式渲染数据按照CSS版本和CSS主题名存储为渲染数据库，当需要渲染时，只需要直接调用渲染数据库中的本地格式渲染数据即可，不需要每次渲染时都要对渲染数据进行本地化转换，能够提高渲染效率。

方法实施例三

本发明实施例提供的移动终端的显示界面设置方法的再一种具体实施例，参考图6，图6为本发明实施例的移动终端的显示界面设置方法的再一种流程示意图，在方法实施例二的基础上，进一步包括：

S301、确认布局后的显示界面中的具有相似用户界面的显示区块。

移动终端界面的一个重要特点是相似界面比较常见，因此，为了降低渲染时的性能消耗，往往需要对同一个页面的相似UI区块复用，从而提高应用性能。可选地，比对各显示区块中各控件的内容，如文本控件中的文本内容，图片控件中的图片内容，视频控件中的视频内容，如果内容相似，则将这些显示区块归为具有相似用户界面的显示区块。

S302、渲染具有相似用户界面的显示区块中的一个显示区块，并将渲染结果应用于其它具有相似用户界面的显示区块中。

由于渲染流程会对界面的绘制有较大影响，因此，移动终端对相似的显示区块进行复用，避免不必要的界面绘制性能损耗。

可选地，在对显示界面中的显示区块渲染后，保存每次渲染时的渲染记录，这些渲染记录中包括CSS主题名、CSS版本信息以及渲染属性信息，然后通过判断待进行渲染的CSS主题名、CSS版本信息以及渲染属性信息是否与渲染记录一致，也可以避免重复渲染。其中，渲染属性信息是当次渲染时产生的用以标示具体渲染状态的信息。判断过程为：如果待进行渲染的所述CSS主题名、CSS版本信息以及渲染属性信息与渲染记录一致，则取消待进行渲染，调取历史渲染结果，并将历史渲染结果作为待进行渲染的渲染结果，从而避免不必要的界面绘制性能损耗，进一步提高渲染效率。

本发明方法实施例三，通过仅渲染相似显示区块中的一个，并将渲染结果应用于其它具有相似用户界面的显示区块中，降低渲染时的性能消耗；通过保存每次渲染时的渲染记录，并判断待进行渲染的CSS主题名、CSS版本信息以及渲染属性信息是否与渲染记录一致，如果一致则取消待进行渲染，从而避免不必要的界面绘制性能损耗，进一步提高渲染效率。

装置实施例一

本发明实施例提供的移动终端的显示界面设置装置的一种具体实施例，与图1所示流程相对应，参考图7，图7为本发明实施例的移动终端的显示界面设置装置的一种结构示意图，包括：

获取模块401，用于获取由服务器端发送的显示界面布局协议和由服务器端发送的层叠样式表CSS渲染协议，由服务器端发送的显示界面布局协议为显示界面以多层级单元结构进行布局的协议，由服务器端发送的CSS渲染协议为对移动终端的显示界面的细节进行渲染的协议，多层级单元结构按照页面层级、区块层级、行层级、组合单元层级逐级布局，其中，组合单元层级为移动终端的最小布局单元。

转换模块402，用于将由服务器端发送的显示界面布局协议和由服务器端发送的CSS渲染协议，分别转换为移动终端识别的本地显示界面布局数据和本地CSS渲染数据。

其中，转换模块402，进一步用于：

将由服务器端发送的显示界面布局协议中，多层级单元结构的页面层级下的多个区块层级单元布局结构，转换为移动终端识别的本地显示界面区块布局数据。

将由服务器端发送的显示界面布局协议中，多层级单元结构的区块层级下的多个行层级单元布局结构，转换为移动终端识别的本地显示界面行布局数据。

将由服务器端发送的显示界面布局协议中，多层级单元结构的行层级下的多个组合单元层级单元布局结构，转换为移动终端识别的本地显示界面组合单元布局数据。

将由服务器端发送的CSS渲染协议中的CSS格式渲染数据，转换为移动终端识别的本地格式渲染数据，本地格式渲染数据中包含：CSS版本信息、CSS主题名、以及与移动终端适配的数据单位及显示分辨率。

布局模块403，用于通过本地显示界面布局数据对显示界面进行布局，使得布局后的显示界面中包括多个多层级单元，多层级单元中包含业务数据。

其中，布局模块403，进一步用于：

通过本地显示界面布局数据中的本地显示界面区块布局数据，将移动终端的显示界面的各页面布局为多个显示区块。

通过本地显示界面布局数据中的本地显示界面行布局数据，将显示区块布局为多个显示行。

通过本地显示界面布局数据中的本地显示界面组合单元布局数据，将显示行布局为多个显示组合单元。

渲染模块404，用于通过本地CSS渲染数据，对布局后的显示界面进行渲染，生成渲染后的显示界面。

其中，渲染模块404，进一步用于：

通过本地CSS渲染数据中的本地格式渲染数据，对显示行进行渲染，生成渲染后的显示行。

对渲染后的显示行中的所有显示组合单元进行渲染，生成渲染后的显示界面。

本发明装置实施例一提供的移动终端的显示界面设置装置用于实现本发明方法实施例一提供的移动终端的显示界面设置方法的设置，其实现原理和技术效果类似，此处不再赘述。

装置实施例二

本发明实施例提供的移动终端的显示界面设置装置的另一种具体实施例，与图5所示流程相对应，参考图7，图7为本发明实施例的移动终端的显示界面设置装置的另一种结构示意图，在装置实施例一的基础上，进一步包括：

第一存储模块501，用于将多个本地显示界面组合单元布局数据依照对应的类型，存储为布局模块库。

第二存储模块502，用于将多个本地格式渲染数据按照CSS版本和CSS主题名存储为渲染数据库。

布局模块403，还包括：第一调用子模块，用于调用布局模块库中的本地显示界面组合单元布局数据，将显示行布局为多个显示组合单元。

渲染模块404，还包括：第二调用子模块，用于调用渲染数据库中的本地格式渲染数据，对显示行进行渲染，生成渲染后的显示行。

本发明装置实施例二提供的移动终端的显示界面设置装置用于实现本发明方法实施例二提供的移动终端的显示界面设置方法的设置，其实现原理和技术效果类似，此处不再赘述。

装置实施例三

本发明实施例提供的移动终端的显示界面设置装置的再一种具体实施例，与图6所示流程相对应，参考图8，图8为本发明实施例的移动终端的显示界面设置装置的再一种结构示意图，在装置实施例二的基础上，进一步包括：

渲染模块404，进一步用于：

确认布局后的显示界面中的具有相似用户界面的显示区块。

渲染具有相似用户界面的显示区块中的一个显示区块，并将渲染结果应用于其它具有相似用户界面的显示区块中。

保存模块601，用于保存每次渲染时的渲染记录，渲染记录中包括CSS主题名、CSS版本信息以及渲染属性信息。

判断模块602，用于判断待进行渲染的CSS主题名、CSS版本信息以及渲染属性信息是否与渲染记录一致。

如果一致，取消待进行渲染，调取历史渲染结果，并将历史渲染结果作为待进行渲染的渲染结果。

本发明装置实施例三提供的移动终端的显示界面设置装置用于实现本发明方法实施例三提供的移动终端的显示界面设置方法的设置，其实现原理和技术效果类似，此处不再赘述。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (14)

1.一种移动终端的显示界面设置方法，其特征在于，所述方法包括：

获取由服务器端发送的显示界面布局协议和由服务器端发送的层叠样式表CSS渲染协议，所述由服务器端发送的显示界面布局协议为所述显示界面以多层级单元结构进行布局的协议，所述由服务器端发送的CSS渲染协议为对所述移动终端的显示界面的细节进行渲染的协议，所述多层级单元结构按照页面层级、区块层级、行层级、组合单元层级逐级布局，其中，所述组合单元层级为所述移动终端的最小布局单元；区块是最大的布局单元；

将所述由服务器端发送的显示界面布局协议和所述由服务器端发送的CSS渲染协议，分别转换为所述移动终端识别的本地显示界面布局数据和本地CSS渲染数据；

通过所述本地显示界面布局数据对显示界面进行布局，使得布局后的显示界面中包括多个多层级单元，所述多层级单元中包含业务数据；所述布局的顺序为：首先将页面布局为多个显示区块，接着将显示区块布局为多个显示行，再将显示行布局为多个显示组合单元；

通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，生成渲染后的显示界面；所述渲染以所述行层级对应的布局结果为最大渲染单位、且按照所述多层级单元结构逐级进行。

2.根据权利要求1所述的移动终端的显示界面设置方法，其特征在于，所述将所述由服务器端发送的显示界面布局协议和所述由服务器端发送的CSS渲染协议，分别转换为所述移动终端识别的本地显示界面布局数据和本地CSS渲染数据，具体包括：

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的页面层级下的多个区块层级单元布局结构，转换为所述移动终端识别的本地显示界面区块布局数据；

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的区块层级下的多个行层级单元布局结构，转换为所述移动终端识别的本地显示界面行布局数据；

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的行层级下的多个组合单元层级单元布局结构，转换为所述移动终端识别的本地显示界面组合单元布局数据；

将所述由服务器端发送的CSS渲染协议中的CSS格式渲染数据，转换为所述移动终端识别的本地格式渲染数据，所述本地格式渲染数据中包含：CSS版本信息、CSS主题名、以及与所述移动终端适配的数据单位及显示分辨率。

3.根据权利要求2所述的移动终端的显示界面设置方法，其特征在于，所述通过所述本地显示界面布局数据对显示界面进行布局，具体包括：

通过所述本地显示界面布局数据中的所述本地显示界面区块布局数据，将所述移动终端的显示界面的各页面布局为多个显示区块；

通过所述本地显示界面布局数据中的所述本地显示界面行布局数据，将所述显示区块布局为多个显示行；

通过所述本地显示界面布局数据中的所述本地显示界面组合单元布局数据，将所述显示行布局为多个显示组合单元。

4.根据权利要求3所述的移动终端的显示界面设置方法，其特征在于，所述通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，具体包括：

通过所述本地CSS渲染数据中的所述本地格式渲染数据，对所述显示行进行渲染，生成渲染后的显示行；

对所述渲染后的显示行中的所有显示组合单元进行渲染，生成渲染后的显示界面。

5.根据权利要求4所述的移动终端的显示界面设置方法，其特征在于，所述将所述由服务器端发送的显示界面布局协议和所述由服务器端发送的CSS渲染协议，分别转换为所述移动终端识别的本地显示界面布局数据和本地CSS渲染数据之后，所述显示界面设置方法还包括：

将多个所述本地显示界面组合单元布局数据依照对应的类型，存储为布局模块库；

将多个所述本地格式渲染数据按照CSS版本和CSS主题名存储为渲染数据库；

所述通过所述本地显示界面布局数据中的所述本地显示界面组合单元布局数据，将所述显示行布局为多个显示组合单元还包括：

调用所述布局模块库中的所述本地显示界面组合单元布局数据，将所述显示行布局为多个显示组合单元；

所述通过所述本地CSS渲染数据中的所述本地格式渲染数据，对所述显示行进行渲染，生成渲染后的显示行还包括：

调用所述渲染数据库中的所述本地格式渲染数据，对所述显示行进行渲染，生成渲染后的显示行。

6.根据权利要求4所述的移动终端的显示界面设置方法，其特征在于，所述通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，进一步包括：

确认所述布局后的显示界面中的具有相似用户界面的所述显示区块；

渲染所述具有相似用户界面的所述显示区块中的一个显示区块，并将渲染结果应用于其它所述具有相似用户界面的所述显示区块中。

7.根据权利要求6所述的移动终端的显示界面设置方法，其特征在于，所述通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，生成渲染后的显示界面之后，所述移动终端的显示界面设置方法还包括：

保存每次渲染时的渲染记录，所述渲染记录中包括CSS主题名、CSS版本信息以及渲染属性信息；

判断待进行渲染的所述CSS主题名、CSS版本信息以及渲染属性信息是否与所述渲染记录一致；

如果一致，取消所述待进行渲染，调取历史渲染结果；

将所述历史渲染结果作为所述待进行渲染的渲染结果。

8.一种移动终端的显示界面设置装置，其特征在于，所述装置包括：

获取模块，用于获取由服务器端发送的显示界面布局协议和由服务器端发送的层叠样式表CSS渲染协议，所述由服务器端发送的显示界面布局协议为所述显示界面以多层级单元结构进行布局的协议，所述由服务器端发送的CSS渲染协议为对所述移动终端的显示界面的细节进行渲染的协议，所述多层级单元结构按照页面层级、区块层级、行层级、组合单元层级逐级布局，其中，所述组合单元层级为所述移动终端的最小布局单元；区块是最大的布局单元；

转换模块，用于将所述由服务器端发送的显示界面布局协议和所述由服务器端发送的CSS渲染协议，分别转换为所述移动终端识别的本地显示界面布局数据和本地CSS渲染数据；

布局模块，用于通过所述本地显示界面布局数据对显示界面进行布局，使得布局后的显示界面中包括多个多层级单元，所述多层级单元中包含业务数据；所述布局的顺序为：首先将页面布局为多个显示区块，接着将显示区块布局为多个显示行，再将显示行布局为多个显示组合单元；

渲染模块，用于通过所述本地CSS渲染数据，对所述布局后的显示界面进行渲染，生成渲染后的显示界面；所述渲染以所述行层级对应的布局结果为最大渲染单位、且按照所述多层级单元结构逐级进行。

9.根据权利要求8所述的移动终端的显示界面设置装置，其特征在于，所述转换模块，进一步用于：

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的页面层级下的多个区块层级单元布局结构，转换为所述移动终端识别的本地显示界面区块布局数据；

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的区块层级下的多个行层级单元布局结构，转换为所述移动终端识别的本地显示界面行布局数据；

将所述由服务器端发送的显示界面布局协议中，所述多层级单元结构的行层级下的多个组合单元层级单元布局结构，转换为所述移动终端识别的本地显示界面组合单元布局数据；

将所述由服务器端发送的CSS渲染协议中的CSS格式渲染数据，转换为所述移动终端识别的本地格式渲染数据，所述本地格式渲染数据中包含：CSS版本信息、CSS主题名、以及与所述移动终端适配的数据单位及显示分辨率。

10.根据权利要求9所述的移动终端的显示界面设置装置，其特征在于，所述布局模块，进一步用于：

通过所述本地显示界面布局数据中的所述本地显示界面区块布局数据，将所述移动终端的显示界面的各页面布局为多个显示区块；

通过所述本地显示界面布局数据中的所述本地显示界面行布局数据，将所述显示区块布局为多个显示行；

通过所述本地显示界面布局数据中的所述本地显示界面组合单元布局数据，将所述显示行布局为多个显示组合单元。

11.根据权利要求10所述的移动终端的显示界面设置装置，其特征在于，所述渲染模块，进一步用于：

通过所述本地CSS渲染数据中的所述本地格式渲染数据，对所述显示行进行渲染，生成渲染后的显示行；

对所述渲染后的显示行中的所有显示组合单元进行渲染，生成渲染后的显示界面。

12.根据权利要求11所述的移动终端的显示界面设置装置，其特征在于，所述显示界面设置装置还包括：

第一存储模块，用于将多个所述本地显示界面组合单元布局数据依照对应的类型，存储为布局模块库；

第二存储模块，用于将多个所述本地格式渲染数据按照CSS版本和CSS主题名存储为渲染数据库；

所述布局模块，还包括：第一调用子模块，用于调用所述布局模块库中的所述本地显示界面组合单元布局数据，将所述显示行布局为多个显示组合单元；

所述渲染模块，还包括：第二调用子模块，用于调用所述渲染数据库中的所述本地格式渲染数据，对所述显示行进行渲染，生成渲染后的显示行。

13.根据权利要求11所述的移动终端的显示界面设置装置，其特征在于，所述渲染模块，进一步用于：

确认所述布局后的显示界面中的具有相似用户界面的所述显示区块；

渲染所述具有相似用户界面的所述显示区块中的一个显示区块，并将渲染结果应用于其它所述具有相似用户界面的所述显示区块中。

14.根据权利要求13所述的移动终端的显示界面设置装置，其特征在于，所述显示界面设置装置，还包括：

保存模块，用于保存每次渲染时的渲染记录，所述渲染记录中包括CSS主题名、CSS版本信息以及渲染属性信息；

判断模块，用于判断待进行渲染的所述CSS主题名、CSS版本信息以及渲染属性信息是否与所述渲染记录一致；

如果一致，取消所述待进行渲染，调取历史渲染结果；

将所述历史渲染结果作为所述待进行渲染的渲染结果。

Images