CN105242937A - 一种动态更新应用界面的方法、终端及系统 - Google Patents

Abstract

本发明公开了一种动态更新应用界面的方法，该方法包括：终端在启动应用时，获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；根据获得的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息确定是否需要更新所述应用的界面；确定需要更新所述应用的界面时，利用服务器端所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。本发明还同时公开了一种终端及动态更新系统。

Description

一种动态更新应用界面的方法、终端及系统

技术领域

本发明涉及应用界面的在线生成技术，尤其涉及一种动态更新应用界面的方法、终端及系统。

背景技术

目前，终端应用的界面主要是由专业软件开发商制作，在制作应用界面时都是根据应用需求定制应用界面的样式及内容。

发明人在实现本发明的过程中，发现现有技术中应用界面的更新方案至少存在以下缺陷：

现有技术在制作应用界面时，需要技术人员了解和掌握专业的web基础知识；并且，在终端应用使用的过程中，不能实时地修改或更新应用界面的样式及内容，只能通过下载更高级的应用版本替换当前的版本，实现应用界面的更新。

由此可见，目前亟需一种动态更新应用界面的解决方案。

发明内容

有鉴于此，本发明实施例期望提供一种动态更新应用界面的方法、终端及系统，能够实时且便捷地更新应用界面。

为达到上述目的，本发明的技术方案是这样实现的：

本发明实施例提供了一种动态更新应用界面的方法，该方法包括：

终端在启动应用时，获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；

根据获得的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息确定是否需要更新所述应用的界面；

确定需要更新所述应用的界面时，利用服务器端所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。

上述方案中，所述界面配置信息包括所述应用界面中各控件的名称、定位、高度、宽度、是否聚焦、是否选择默认聚焦、关联的控件、使用资源的名称及链接地址、触发动作类型及链接地址、时间戳。

上述方案中，所述根据获得的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息确定是否更新所述应用的界面，包括：

将本地所述应用的界面配置信息中的时间戳与服务器端所述应用的界面配置信息中的时间戳进行对比；

若服务器端所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之后，则确定需要更新所述应用的界面；

若服务器端所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之前，或服务器端所述应用的界面配置信息中的时间戳与本地所述应用的界面配置信息中的时间戳相同，则确定不需要更新所述应用的界面。

上述方案中，所述根据更新后的界面配置信息绘制所述应用的界面，包括：

根据预设的组件映射规则解析更新后的界面配置信息，将更新后的界面配置信息转换为所述应用支持的界面绘制组件及参数；

根据所述界面绘制组件及参数绘制所述应用的界面。

本发明实施例还提供了一种终端，该终端包括：获取单元、确定单元、界面绘制单元；其中，

所述获取单元，在启动应用时，获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；

所述确定单元，用于根据获得的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息，确定是否需要更新所述应用的界面；

所述界面绘制单元，用于在确定单元确定需要更新所述应用的界面时，利用服务器端所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。

上述方案中，所述界面配置信息包括所述应用界面中各控件的名称、定位、高度、宽度、是否聚焦、是否选择默认聚焦、关联的控件、使用资源的名称及链接地址、触发动作类型及链接地址、时间戳。

上述方案中，所述确定单元具体用于：

将本地所述应用的界面配置信息中的时间戳与服务器端所述应用的界面配置信息中的时间戳进行对比；

若服务器端所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之后，则确定需要更新所述应用的界面；

若服务器端所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之前，或服务器端所述应用的界面配置信息中的时间戳与本地所述应用的界面配置信息中的时间戳相同，则确定不需要更新所述应用的界面。

上述方案中，所述界面绘制单元具体用于：

根据预设的组件映射规则解析更新后的界面配置信息，将更新后的界面配置信息转换为所述应用支持的界面绘制组件及参数；

根据所述界面绘制组件及参数绘制所述应用的界面。

本发明实施例还提供了一种动态更新系统，该系统包括：浏览器端、服务器端、终端；其中，

所述浏览器端，用于对应用界面进行可视化编排；

所述服务器端，用于将可视化编排的应用界面生成界面配置信息并存储；在终端需要时将存储的所需应用的界面配置信息提供给终端；

所述终端，用于在启动应用时，获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；根据获取的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息，确定是否需要更新所述应用的界面；确定需要更新所述应用的界面时，利用服务器端所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。

本发明实施例所提供的动态更新应用界面的方法、终端及系统，在启动应用时，终端获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；根据获得的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息确定是否需要更新所述应用的界面，确定需要更新所述应用的界面时，利用服务器端所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。如此，本发明实施例终端能根据从服务器端获取的界面配置信息，实时且便捷地更新应用界面，进而提升用户体验。

附图说明

图1为本发明实施例动态更新系统的组成结构示意图；

图2为本发明实施例动态更新应用界面的方法实现流程示意图；

图3为本发明实施例终端的组成结构示意图。

具体实施方式

本发明实施例应用于动态更新应用界面的系统，该系统中主要包括：浏览器端、服务器端、终端；该系统中，应用界面的可视化编排是基于浏览器/服务器(Browser/Server，B/S)架构进行的，首先通过浏览器在线对应用界面进行可视化编排，然后由所述服务器将可视化编排的应用界面生成界面配置信息并存储，所述界面配置信息能够描述应用界面的布局及配置；

进一步地，当终端开启应用时，终端获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；根据获得的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息确定是否需要更新所述应用的界面，确定需要更新所述应用的界面时，利用服务器端所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。

这里，终端本地初始的界面配置信息是由专业软件开发商根据应用需求配置的。

本发明实施例中，所述终端可以是具备智能化应用及显示功能的智能终端，例如可以为：互联网电视(OverTheTopTV，OTTTV)、智能手机、平板电脑等智能终端。

下面结合附图对本发明的具体实施方式进行说明。

图1为本发明实施例中提供的动态更新系统的组成结构示意图，如图1所示，该系统包括：浏览器端100、服务器端101、终端102；其中，

所述浏览器端100，用于对应用界面进行可视化编排；

所述服务器端101，用于将可视化编排的应用界面生成界面配置信息并存储；在终端102需要时将存储的所需应用的界面配置信息提供给终端102；

所述终端102，用于在启动应用时，获取本地所述应用的界面配置信息以及服务器端101所述应用的界面配置信息；根据获得的本地所述应用的界面配置信息和服务器端101所述应用的界面配置信息确定是否需要更新所述应用的界面，确定需要更新所述应用的界面时，利用服务器端101所述应用的界面配置信息更新本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。

在实际应用中，所述浏览器端100、所述服务器端101可集成于一个硬件设备中，也可分布于不同的硬件设备中。

基于上述系统架构，如图2所示，本发明实施例提供的动态更新应用界面的流程，具体实现步骤包括：

步骤S200：终端启动应用时，获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；

本步骤中，基于B/S架构对应用界面进行可视化编排，先通过浏览器端100以网格定位的方式或以绝对定位的方式，对应用界面进行可视化编排；之后，由服务器端101将可视化编排的应用界面生成界面配置信息并存储。具体实现方式如下：

首先，在浏览器端100中以网格定位的方式或以绝对定位的方式对应用界面进行可视化编排；

其中，进行可视化编排可用的控件包括：图片播放控件、视频播放控件、文字列表控件等；具体的，所述图片播放控件呈现为图片展示框，所述图片播放控件可以容纳多张图片，每张图片对应一个链接地址；图片播放控件被触发后，通过图片的链接地址链接到图片并开始播放图片，并支持多张图片自动循环播放或手动切换播放；

并且，所述图片播放控件可与文字列表控件相关联，用户通过选择文字列表控件中的文字来切换所述图片播放控件中的图片；所述视频播放控件呈现为视频播放框，所述视频播放控件与所述图片播放控件类似，可以容纳多个视频，每个视频对应一个链接地址，且视频开始播放前显示的背景图片的链接地址也可预先设置，通过所述背景图片的链接地址链接到所述背景图片并显示所述背景图片；所述视频播放控件被触发后，通过视频的链接地址链接到视频并开始播放视频，并支持多个视频自动循环播放或手动切换播放；

所述视频播放控件也可与文字列表控件相关联，用户通过选择文字列表控件中的文字来切换所述视频播放控件中的视频；所述文字列表控件呈现为文字列表，通常与所述图片播放控件或所述视频播放控件配合使用；用户在对应用界面进行可视化编排时，也可采用自定义控件，所述自定义控件可以根据应用界面的需求定义，并将自定义内容作为一个插件widget动态地加载到自定义控件的方框内；所述自定义控件被触发后，通过自定义内容的链接地址链接到所述自定义内容并播放所述自定义内容；

另外，每个控件也可以设置多个触发动作，所述触发动作可以设置为跳转到所述应用的另一个界面，例如，用户点击界面上的文字列表控件中的文字内容后，跳转到所述应用中与该文字内容相关的另一个界面；

在浏览器端100完成应用界面的可视化编排后，由所述服务器端101通过可扩展标记语言(ExteileMarkuLanguage，XML)将可视化编排的应用界面生成界面配置信息，所述界面配置信息包括应用界面中各控件的名称、定位、高度、宽度、是否聚焦、是否选择默认聚焦、关联的控件、使用资源的名称及链接地址、触发动作类型及链接地址、当前的时间戳等信息，并将所述界面配置信息存储在XML文件中；然后，所述服务器端101向终端提供下载服务。

这里，所述服务器端101可以为每个应用生成各自对应的界面配置信息，并将每个应用对应的界面配置信息分别存储在对应的XML文件中；

这里，所述服务器端101可以按照设定时间间隔或设定频率重新将最新的可视化编排的应用界面生成界面配置信息，并更新对应的XML文件；

这里，可视化编排的应用界面中的控件是以层叠样式表(CascadingStyleSheet，CSS)进行定位，所述CSS是一种用来表现超文本标记语言(HyperTextMarkupLanguage，HTML)或XML等文件样式的计算机语言；控件的位置是以所述控件距离应用界面上边沿的距离Top和距离应用界面左边沿的距离进行定位，控件的大小是以所述控件的高度和宽度进行确定；

这里，使用的CSS标记如下：

控件的左顶点到应用界面的上边沿的距离top，使用的CSS标记为margin-top；

控件的左顶点到应用界面的左边沿的距离left，使用的CSS标记为margin-left；

控件的宽度width，使用的CSS标记为width；

控件的高度height，使用的CSS标记为height；

然后，终端在启动某个应用时，分别获取所启动应用在本地存储的该应用的界面配置信息、以及在服务器端101存储的该应用的界面配置信息。

本发明实施例中，在浏览器端100对应用界面进行可视化编排，使得用户不需要了解和掌握专业的web基础知识就可以通过可视化的界面及控件对应用界面进行设计，操作便捷且易于修改；并且，终端在启动应用时，可以从服务器端101中实时地获取所述应用的界面配置信息，以便后续自动且实时地更新所述应用的界面。

步骤S201：根据获得的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息确定是否需要更新所述应用的界面，确定需要更新所述应用的界面时，转入步骤202；确定不需要更新所述应用的界面时，转入步骤203。

具体的，所述界面配置信息中都包含有时间戳，所述时间戳用于记录界面配置信息的生成时间；相应的，所述确定是将本地所述应用的界面配置信息中的时间戳与服务器端101所述应用的界面配置信息中的时间戳进行对比；

若服务器端101所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之后，则确定需要更新所述应用的界面；

若服务器端101所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之前，或服务器端101所述应用的界面配置信息中的时间戳与本地所述应用的界面配置信息中的时间戳相同，则确定不需要更新所述应用的界面。

步骤S202：利用服务器端101所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面，结束本处理流程。

具体的，根据预设的组件映射规则解析更新后的界面配置信息，将更新后的界面配置信息转换为所述应用能够支持的界面绘制组件及参数，根据所述界面绘制组件及参数绘制所述应用的界面，从而能够实时地更新所述应用的界面，提升用户体验。

步骤S203：根据终端本地所述应用的界面配置信息绘制所述应用的界面。

具体的，根据预设的组件映射规则解析本地中所述应用的界面配置信息，将本地中所述应用的界面配置信息转换为所述应用能够支持的界面绘制组件及参数，根据所述界面绘制组件及参数绘制所述应用的界面，结束本处理流程。

下面以终端上安装Android系统为例，预设的组件映射规则如下：

将CSS标记中的margin-top转换为Android：layout_alignParentTop；

将CSS标记中的margin-left转换为Android：layout_alignParentLeft；

将CSS标记中的width转换为Android：width；

将CSS标记中的height转换为Android：height。

本发明实施例中，在浏览器端对应用界面进行可视化编排，在服务器端实时地生成能够描述应用界面布局及配置的界面配置信息并存储，终端在启动应用时，获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；根据获得的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息确定是否需要更新所述应用的界面，确定需要更新所述应用的界面时，利用服务器端所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。如此，本发明实施例终端在启动应用时，根据从服务器端获取的所述应用的界面配置信息，实时且便捷地更新应用的界面，进而提升了用户的体验。

为实现上述方法，本发明实施例还提供了一种终端，由于该终端解决问题的原理与方法相似，因此，终端的实施过程及实施原理均可以参见前述方法的实施过程及实施原理描述，重复之处不再赘述。

如图3所示，本发明实施例提供的终端，包括：获取单元300、确定单元301、界面绘制单元302；其中，

所述获取单元300，在启动应用时，获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；

所述确定单元301，用于根据获取的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息，确定是否需要更新所述应用的界面；

所述界面绘制单元302，用于在确定单元确定需要更新所述应用的界面时，利用服务器端所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。

以上功能单元或模块的划分方式仅为本发明实施例给出的一种优选实现方式，功能单元或模块的划分方式不构成对本发明的限制。

具体实施中，所述界面配置信息包括所述应用界面中各控件的名称、定位、高度、宽度、是否聚焦、是否选择默认聚焦、关联的控件、使用资源的名称及链接地址、触发动作类型及链接地址、时间戳。

具体实施中，所述确定单元301具体用于：

将本地所述应用的界面配置信息中的时间戳与服务器端所述应用的界面配置信息中的时间戳进行对比；

若服务器端所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之后，则确定需要更新所述应用的界面；

若服务器端所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之前，或服务器端所述应用的界面配置信息中的时间戳与本地所述应用的界面配置信息中的时间戳相同，则确定不需要更新所述应用的界面。

具体实施中，所述界面绘制单元302具体用于：

根据预设的组件映射规则解析更新后的界面配置信息，将更新后的界面配置信息转换为所述应用支持的界面绘制组件及参数；

根据所述界面绘制组件及参数绘制所述应用的界面。

在实际应用中，所述获取单元300、所述确定单元301、所述界面绘制单元302可由位于终端的中央处理器(CPU)、微处理器(MPU)、数字信号处理器(DSP)、或现场可编程门阵列(FPGA)实现。

本发明所述的方法并不限于具体实施方式中所述的实施例，本领域技术人员根据本发明的技术方案得出其它的实施方式，同样属于本发明的技术创新范围。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (9)

1.一种动态更新应用界面的方法，其特征在于，所述方法包括：

终端在启动应用时，获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；

根据获得的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息确定是否需要更新所述应用的界面；

确定需要更新所述应用的界面时，利用服务器端所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。

2.根据权利要求1所述的方法，其特征在于，所述界面配置信息包括所述应用界面中各控件的名称、定位、高度、宽度、是否聚焦、是否选择默认聚焦、关联的控件、使用资源的名称及链接地址、触发动作类型及链接地址、时间戳。

3.根据权利要求2所述的方法，其特征在于，所述根据获得的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息确定是否更新所述应用的界面，包括：

将本地所述应用的界面配置信息中的时间戳与服务器端所述应用的界面配置信息中的时间戳进行对比；

若服务器端所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之后，则确定需要更新所述应用的界面；

若服务器端所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之前，或服务器端所述应用的界面配置信息中的时间戳与本地所述应用的界面配置信息中的时间戳相同，则确定不需要更新所述应用的界面。

4.根据权利要求1所述的方法，其特征在于，所述根据更新后的界面配置信息绘制所述应用的界面，包括：

根据预设的组件映射规则解析更新后的界面配置信息，将更新后的界面配置信息转换为所述应用支持的界面绘制组件及参数；

根据所述界面绘制组件及参数绘制所述应用的界面。

5.一种终端，其特征在于，所述终端包括：获取单元、确定单元、界面绘制单元；其中，

所述获取单元，在启动应用时，获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；

所述确定单元，用于根据获得的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息，确定是否需要更新所述应用的界面；

所述界面绘制单元，用于在确定单元确定需要更新所述应用的界面时，利用服务器端所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。

6.根据权利要求5所述的终端，其特征在于，所述界面配置信息包括所述应用界面中各控件的名称、定位、高度、宽度、是否聚焦、是否选择默认聚焦、关联的控件、使用资源的名称及链接地址、触发动作类型及链接地址、时间戳。

7.根据权利要求6所述的终端，其特征在于，所述确定单元具体用于：

将本地所述应用的界面配置信息中的时间戳与服务器端所述应用的界面配置信息中的时间戳进行对比；

若服务器端所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之后，则确定需要更新所述应用的界面；

若服务器端所述应用的界面配置信息中的时间戳在本地所述应用的界面配置信息中的时间戳之前，或服务器端所述应用的界面配置信息中的时间戳与本地所述应用的界面配置信息中的时间戳相同，则确定不需要更新所述应用的界面。

8.根据权利要求5所述的终端，其特征在于，所述界面绘制单元具体用于：

根据预设的组件映射规则解析更新后的界面配置信息，将更新后的界面配置信息转换为所述应用支持的界面绘制组件及参数；

根据所述界面绘制组件及参数绘制所述应用的界面。

9.一种动态更新系统，其特征在于，所述系统包括：浏览器端、服务器端、终端；其中，

所述浏览器端，用于对应用界面进行可视化编排；

所述服务器端，用于将可视化编排的应用界面生成界面配置信息并存储；在终端需要时将存储的所需应用的界面配置信息提供给终端；

所述终端，用于在启动应用时，获取本地所述应用的界面配置信息以及服务器端所述应用的界面配置信息；根据获取的本地所述应用的界面配置信息和服务器端所述应用的界面配置信息，确定是否需要更新所述应用的界面；确定需要更新所述应用的界面时，利用服务器端所述应用的界面配置信息更新终端本地所述应用的界面配置信息，并根据更新后的界面配置信息绘制所述应用的界面。