CN107203389B - 控件展现方法及装置 - Google Patents

Abstract

本发明实施例提供了一种控件展现方法及装置。一方面，本发明实施例通过接收客户端发送的数据请求；从而，根据所述数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；进而，将生成的各UI控件的动画配置信息发送给客户端，以便于所述客户端根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。因此，本发明实施例提供的技术方案能够解决现有技术中客户端页面中控件上展现的动画样式单一以及灵活性比较差的问题。

Description

控件展现方法及装置

【技术领域】

本发明涉及互联网应用技术领域，尤其涉及一种控件展现方法及装置。

【背景技术】

随着终端的不断智能化以及移动网络技术的飞速发展，出现了各种各样的应用，用户在工作以外的时间大多被各种各样的应用所占用，这些应用丰富了用户的生活，也给用户的生活带来了便利。

现有技术中，应用的客户端页面上控件上有播放动画，但是动画样式是在应用研发阶段就已经确定，因此客户端页面上控件的动画样式比较固定且动画样式单一。因此，客户端页面展现的控件的动画样式的灵活性比较差。

【发明内容】

有鉴于此，本发明实施例提供了一种控件展现方法及装置，用以解决现有技术中客户端页面中控件上展现的动画样式单一以及灵活性比较差的问题。

本发明实施例的一方面，提供一种控件展现方法，包括：

接收客户端发送的数据请求；

根据所述数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；

将生成的各UI控件的动画配置信息发送给客户端，以便于所述客户端根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，根据所述数据请求，生成至少一个用户界面UI控件的动画配置信息，包括：

对于每个UI控件，根据所述数据请求，读取所述UI控件对应的配置文件；

根据所述配置文件，判断所述UI控件是否利用动画效果展现；

若判断出所述UI控件利用动画效果展现，从所述配置文件中获取所述UI控件的名称、至少一个动画类型的标识以及各动画的展现信息，并根据获取的所述UI控件的名称、至少一个动画类型的标识以及各动画的展现信息，生成各UI控件的动画配置信息。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述数据请求包含至少一个UI控件的ID以及所述客户端的标识、版本信息、所述客户端所在终端的地理位置信息、操作系统信息和统一资源定位符URL地址中至少一个；

根据所述数据请求，读取对应的配置文件，包括：根据所述客户端的标识、版本信息、所述客户端所在终端的地理位置信息、操作系统信息、URL地址和UI控件的ID中至少一个信息，读取对应的配置文件。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，各动画的展现信息包括：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

本发明实施例的一方面，提供一种控件展现方法，包括：

向服务器发送数据请求，以便于所述服务器根据所述数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；

接收所述服务器发送的所述各UI控件的动画配置信息；

根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，各动画的展现信息包括：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画，包括：

对各UI控件的动画配置信息进行解析，获取各动画类型的标识以及各动画的展现信息；

对从各UI控件的动画配置信息解析出的各信息进行兼容容错检测；

若检测结果为信息正常，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，若检测结果为信息正常，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画，包括：

根据各动画类型的标识，为各UI控件生成动画；

在所述客户端页面中展现各UI控件，并根据各动画的展现信息，在各UI控件上播放生成的动画。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，若检测结果为信息正常，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画，包括：

判断每个动画的展现信息中是否包含动画播放条件，对于不包含动画播放条件的展现信息，根据不包含动画播放条件的展现信息对应的动画类型的标识，生成动画；

根据获取的页面数据和生成的动画进行客户端页面的渲染。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述方法还包括：

对于包含动画播放条件的展现信息，当满足所述动画播放条件时，根据包含动画播放条件的展现信息对应的动画类型的标识，生成动画；

在所述客户端页面上相应的UI控件上播放生成的动画。

本发明实施例的一方面，提供一种控件展现装置，包括：

接收单元，用于接收客户端发送的数据请求；

生成单元，用于根据所述数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；

发送单元，用于将生成的各UI控件的动画配置信息发送给客户端，以便于所述客户端根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述生成单元进一步包括：

读取模块，用于对于每个UI控件，根据所述数据请求，读取所述UI控件对应的配置文件；

判断模块，用于根据所述配置文件，判断所述UI控件是否利用动画效果展现；

生成模块，用于若所述判断模块判断出所述UI控件利用动画效果展现，从所述配置文件中获取所述UI控件的名称、至少一个动画类型的标识以及各动画的展现信息，并根据获取的所述UI控件的名称、至少一个动画类型的标识以及各动画的展现信息，生成各UI控件的动画配置信息。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述数据请求包含至少一个UI控件的ID以及所述客户端的标识、版本信息、所述客户端所在终端的地理位置信息、操作系统信息和统一资源定位符URL地址中至少一个；

所述读取模块，具体用于：根据所述客户端的标识、版本信息、所述客户端所在终端的地理位置信息、操作系统信息、URL地址和UI控件的ID中至少一个信息，读取对应的配置文件。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，各动画的展现信息包括：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

本发明实施例的一方面，提供一种控件展现装置，包括：

发送单元，用于向服务器发送数据请求，以便于所述服务器根据所述数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；

接收单元，用于接收所述服务器发送的所述各UI控件的动画配置信息；

展现单元，用于根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，各动画的展现信息包括：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述展现单元进一步包括：

解析模块，用于对各UI控件的动画配置信息进行解析，获取各动画类型的标识以及各动画的展现信息；

检测模块，用于对从各UI控件的动画配置信息解析出的各信息进行兼容容错检测；

展现模块，用于若检测结果为信息正常，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述展现模块，具体用于：

根据各动画类型的标识，为各UI控件生成动画；

在所述客户端页面中展现各UI控件，并根据各动画的展现信息，在各UI控件上播放生成的动画。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述展现模块，具体用于：

判断每个动画的展现信息中是否包含动画播放条件，对于不包含动画播放条件的展现信息，根据不包含动画播放条件的展现信息对应的动画类型的标识，生成动画；

根据获取的页面数据和生成的动画进行客户端页面的渲染。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述展现模块，还用于：

对于包含动画播放条件的展现信息，当满足所述动画播放条件时，根据包含动画播放条件的展现信息对应的动画类型的标识，生成动画；

在所述客户端页面上相应的UI控件上播放生成的动画。

由以上技术方案可以看出，本发明实施例具有以下有益效果：

根据本发明实施例提供的技术方案，能够通过动画配置信息对客户端页面上UI控件的展现进行动态配置，使得客户端可以在客户端页面上展现的UI控件上加载动画。而且，本发明实施例中，由于可以为至少一个UI控件生成动画配置信息，且每个UI控件可以存在至少一个动画类型，因此，可以实现在客户端的至少一个UI控件上播放动画，且每个UI控件上可以播放至少一个动画，所以本发明实施例所提供的技术方案，避免了现有技术中UI控件样式固定且单一的问题，提高了客户端页面上UI控件样式的多样性和样式配置的灵活性。

【附图说明】

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

图1是本发明实施例所提供的控件展现方法的实施例一的流程示意图；

图2是本发明实施例所提供的控件展现方法的实施例二的流程示意图；

图3是本发明实施例所提供的控件展现方法的实施例三的流程示意图；

图4是本发明实施例所提供的控件展现方法的实施例四的流程示意图；

图5是本发明实施例所提供的控件展现装置的实施例一的功能方块图；

图6是本发明实施例所提供的控件展现装置的实施例二的功能方块图；

图7是本发明实施例所提供的控件展现装置的实施例三的功能方块图；

图8是本发明实施例所提供的控件展现装置的实施例四的功能方块图。。

【具体实施方式】

为了更好的理解本发明的技术方案，下面结合附图对本发明实施例进行详细描述。

应当明确，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。

应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。

实施例一

本实施例给出一种控件展现方法，本实施例为服务器侧实现控件展现方法的实施例。请参考图1，其为本发明实施例所提供的控件展现方法的实施例一的流程示意图，如图所示，该方法包括以下步骤：

S101，接收客户端发送的数据请求。

具体的，当客户端需要展现客户端页面时，如客户端的首页、客户端的游戏页面等，客户端需要向服务器发送数据请求，用以通过该数据请求，从服务器获取展现客户端页面时所需要的页面数据。这样，服务器可以接收到客户端发送的数据请求。

在一个具体的实现过程中，服务器从客户端接收到的数据请求可以包含但不限于至少一个用户界面(User Interface，UI)控件的身份标识号(IdentificationID)以及客户端的标识、版本信息、客户端所在终端的地理位置信息、操作系统信息、统一资源定位符(Uniform Resource Locator，URL)地址中至少一个。

S102，根据所述数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息。

具体的，服务器在接收到数据请求后，需要根据数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息。

举例说明，本发明实施例中，服务器根据所述数据请求，生成至少一个用户界面UI控件的动画配置信息的方法可以包括但不限于：

首先，对于每个UI控件，根据所述数据请求，读取所述UI控件对应的配置文件。然后，根据所述配置文件，判断所述UI控件是否利用动画效果展现。若判断出所述UI控件利用动画效果展现，从所述配置文件中获取所述UI控件的名称、至少一个动画类型的标识以及各动画的展现信息，并根据获取的所述UI控件的名称、至少一个动画类型的标识以及各动画的展现信息，生成各UI控件的动画配置信息。

在一个具体的实现过程中，服务器可以根据所述客户端的标识、版本信息、所述客户端所在终端的地理位置信息、操作系统信息、URL地址和UI控件的ID中至少一个信息，读取对应的配置文件。

本发明实施例中，可以预先根据不同的客户端、不同的版本信息、不同的地理位置信息、不同的操作系统信息、不同的URL地址或者不同的UI控件，分别设置不同的配置文件。这样，当服务器接收到数据请求后，可以根据其中的一个或者多个信息，读取对应的配置文件。其中，服务器根据哪个或者哪几个信息读取配置文件，可以在服务器中进行预先定义。

可以理解的是，设置的配置文件可以存储在其他服务器中，或者，也可以存储在数据库中，或者，还可以存储在接收数据请求的服务器本地，本发明实施例对此不进行特别限定。

在一个具体的实现过程中，服务器可以从配置文件中读取策略信息，然后根据策略信息，判断数据请求中包含的UI控件的标识所对应的UI控件是否需要利用动画效果展现。例如，若策略信息中定义只要数据请求中有UI控件的标识，就需要利用动画效果展现，则服务器可以根据策略信息，判断出该UI控件需要利用动画效果展现，反之，若数据请求中没有包含UI控件的标识，判断出该UI控件不需要利用动画效果展现。或者，又例如，若策略信息中定义只要数据请求的时间是节假日，就需要利用动画效果展现，则服务器可以根据数据请求的时间，判断是否在节假日，如果是，判断出该UI控件需要利用动画效果展现；反之，若没有在节假日，判断出该UI控件不需要利用动画效果展现。这里仅为举例说明，本发明实施例对策略信息的具体定义内容不进行特别限定，可以根据业务需求进行动态配置。

本发明实施例中，在判断出所述UI控件利用动画效果展现之后，服务器可以从所述配置文件中获取所述UI控件的名称、所述UI控件对应的至少一个动画类型的标识以及各动画的展现信息，进而，服务器根据获取的UI控件的名称、所述UI控件对应的至少一个动画类型的标识以及各动画的展现信息，生成所述动画配置信息。

可以理解的是，可以预先生成一个空文件，当服务器从配置文件中获取一个信息，就可以将该获取的信息添加到该文件中，直到所有信息都获取完之后，该文件中添加的所有信息可以构成所述动画配置信息。

本发明实施例中，各动画的展现信息可以包括但不限于：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

本发明实施例中，动画类型的标识用于唯一标识一个动画类型，通过该动画类型的标识可以控制客户端在展现UI控件时使用哪个类型的动画。例如，动画类型可以包括但不限于：缩放、平移、旋转、透明度、呼吸灯等基础动画类型，还可以包括其他自定义的动画类型，本发明实施例对此不进行特别限定。

本发明实施例中，通过动画播放时长可以控制客户端在UI控件上播放动画的时间长度。

本发明实施例中，动画播放周期模式信息可以包括动画是否周期播放的标识，若动画是周期播放，动画播放周期模式信息还可以包括周期播放的次数或者周期播放的总时长。通过动画播放周期模式信息可以控制客户端是否在UI控件上周期播放动画。

本发明实施例中，通过动画播放的加速器类型可以控制客户端在UI控件上播放动画时的播放速度。例如，动画播放的加速器类型可以包括但不限于：匀速、加速、减速、速度呈正弦变化、速度呈线性变化或者速度呈指数变化等。

可以理解的是，可以在服务器上预先定义好需要添加动画特效的动画类型的列表，若UI控件对应的动画类型属于该列表，表示该动画类型需要添加动画特效，则服务器需要从配置文件中获取动画特效信息，并添加到动画配置信息中。本发明实施例中，通过动画特效信息可以控制客户端在UI控件上播放动画时采用特效。

例如，以旋转为动画类型为例，动画特效信息可以包括但不限于：动画播放时动画的中心位置、动画的旋转角度、动画的旋转角度范围等。例如，动画的旋转角度可以是顺时针15°然后逆时针15°，或者，动画的旋转角度在顺时针15°与逆时针15°之间等，本发明实施例对此不进行特别限定。

本发明实施例中，若对于一个UI控件有对应的至少两个动画类型，则需要在UI控件上展现这两个动画类型对应的动画，因此，服务器需要获取到动画播放条件，该动画播放条件可以包括同一UI控件对应的至少两个动画类型中各动画类型对应的动画播放条件，还可以包括不同UI控件对应的动画播放条件。服务器将该动画播放条件添加到动画配置信息中再提供给客户端，这样，可以控制客户端基于该动画播放条件在各UI控件上播放动画，以及控制每个UI控件上播放至少两个动画。

本发明实施例中，对于同一UI控件而言，各动画类型对应的动画播放条件可以包括但不限于：各动画类型对应的动画之间的播放顺序，和/或，各动画类型对应的动画的其他播放条件。例如，其他播放条件为两个动画的开始播放间隔，又如，前一个动画的播放满足什么条件时后一个动画才可以播放等，又如，用户下载完某应用之后，才能播放该动画，又如，用户下载应用达到指定数目后，才能播放该动画，本发明实施例对此不进行特别限定。

进一步的，对于不同UI控件而言，各UI控件对应的动画播放条件可以包括但不限于：各UI控件之间动画的播放顺序，和/或，各UI控件之间动画的其他播放条件。例如，其他播放条件为两个UI控件的开始播放间隔，又如，前一个UI控件的动画播放满足什么条件时后一个UI控件上才可以播放动画，又如，用户下载完某应用之后，才能在指定UI控件上播放动画，又如，用户下载应用达到指定数目后，才能在指定UI控件上播放动画，本发明实施例对此不进行特别限定。

其中，播放顺序可以用于指示各动画之间的先后展现顺序，或者，也可以用于指示各动画同时展现。这样，客户端可以在该UI控件上依次或者同时展现多个不同样式的动画。

本发明实施例中，若需要在至少两个UI控件上展现动画，则需要在各UI控件上分别展现动画，因此，服务器需要获取到至少两个UI控件中各UI控件的动画的展现条件，并将该展现条件添加到动画配置信息中再提供给客户端，这样，客户端可以获知基于什么展现条件在各UI控件上展现动画。

本发明实施例中，各UI控件的动画的展现条件可以包括但不限于：各UI控件的动画之间的展现顺序，和/或，各UI控件的动画的其他展现条件。例如，其他展现条件为同时只能有一个UI控件上展现动画，本发明实施例对此不进行特别限定。

例如，各UI控件的动画之间的展现顺序可以用于指示各UI控件之间的先后展现顺序，即各UI控件之间是异步展现。或者，也可以用于指示各UI控件之间同步展现。这样，客户端可以在客户端页面上展现多个UI控件，且每个UI控件上可以展现动画。

需要说明的是，本发明实施例中，可以为客户端页面上展现的多个UI控件中每个UI控件配置对应的动画配置信息，且每个UI控件可以配置至少一个动画以及各动画的展现信息，这样，客户端就可以根据动画配置信息，在至少一个UI控件上都播放动画，也可以在每个UI控件上播放对应的各动画。

需要说明的是，现有技术中，客户端页面上UI控件上播放的动画样式预先设置在客户端中，因此无法进行动态灵活的配置。本发明实施例中，服务器可以根据需求，动态生成且下发动画类型和展现样式，实现动态的为客户端页面上的UI控件配置各种动画类型和展现样式，避免了传统技术方案中UI控件样式固定且单一的问题，提高了客户端页面上UI控件样式的多样性和样式配置的灵活性。而且，通过生成并下发展现样式，可以在一个UI控件上进行多种动画类型的组合展现，还可以在多个UI控件上展现动画，实现客户端页面上动画的组合展现。

另外，现有技术中，客户端页面上UI控件的展现样式预先写死在客户端中，因此同一应用位于不同终端时，将存在应用的版本不一致的情况，如果需要控制各客户端页面上某控件的展现样式同一，现有技术将无法实现。如果使用本发明实施例所提供的技术方案，客户端页面上UI控件上需要播放的动画及相关信息由服务器同一下发，可以实现根据需求将各版本的应用的客户端页面上的UI控件的展现样式统一。

S103，将生成的各UI控件的动画配置信息发送给客户端，以便于所述客户端根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

具体的，服务器在生成各UI控件的动画配置信息后，可以利用动画封装工具类，对各UI控件的动画配置信息进行检查、容错和数据格式化，将各UI控件的动画配置信息的数据格式处理成符合服务器与客户端之间交互协议的数据格式。服务器将处理后获得的各UI控件的动画配置信息发送给客户端，以便于客户端根据各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

另外，客户端展现客户端页面时，可以利用相应的页面数据，该页面数据可以由服务器提供，如服务器可以在接收到数据请求后，获取普通页面数据，然后将普通页面数据也发送给客户端，以便于所述客户端根据该普通页面数据进行客户端页面的渲染，以展现出客户端页面，并在展现客户端页面时，利用各UI控件的动画配置信息在客户端页面中的UI控件上播放动画。或者，该页面数据也可以预先配置在客户端本地。本发明实施例对此不进行特别限定。

实施例二

本实施例为服务器侧实现控件展现方法的一个具体实施例。请参考图2，其为本发明实施例所提供的控件展现方法的实施例二的流程示意图，如图所示，该方法包括以下步骤：

S201，服务器接收客户端发送的数据请求。

S202，服务器根据数据请求，读取对应的配置文件。

S203，服务器根据配置文件，判断配置文件是否有效，如果是，执行S205，反之，如果否，执行S204。

在一个具体的实现过程中，服务器可以根据配置文件的有效期判断该配置文件是否有效，如果当前时间没有超出配置文件的有效期，则判断出该配置文件有效，反之，如果当前时间超出了配置文件的有效期，则判断出该配置文件无效。或者，服务器也可以对配置文件进行检查，若检查发现配置文件中的关键数据存在错误，则服务器可以判断出该配置文件无效，反之，若没有检查出关键数据存在错误，则服务器可以判断出该配置文件有效。

S204，服务器根据数据请求，获得页面数据，并将页面数据返回给客户端，以便于客户端根据页面数据进行客户端页面的渲染，但是，由于服务器没有发送动画配置信息，因此，客户端不能在客户端页面上的UI控件上播放动画，该UI控件与传统技术中的UI控件无异。

S205，服务器从配置文件中获取需要添加动画效果的各UI控件的名称，表示需要对这些名称对应的UI控件利用动画效果展现，即在各UI控件上播放动画。服务器可以将各UI控件的名称添加到各UI控件的动画配置文件中。

S206，服务器从配置文件中获取动画类型的标识，表示需要在UI控件上展现哪个动画，如旋转、平移、缩放或者透明度等。服务器可以将动画类型的标识添加到动画配置文件中。

S207，服务器从配置文件中获取动画播放时长。服务器可以将动画播放时长添加到动画配置文件中。

S208，服务器从配置文件中获取动画播放周期模式信息。服务器可以将动画播放周期模式信息添加到动画配置文件中。

S209，服务器从配置文件中获取动画播放的加速器类型，服务器可以将动画播放的加速器类型添加到动画配置文件中。

S210，服务器判断当前动画类型是否需要添加动画特效，如果否，执行S212，如果是，执行S211。

S211，服务器从配置文件中获取动画特效信息，服务器可以将动画特效信息添加到动画配置文件中。

S212，服务器从配置文件中获取动画播放条件，服务器可以将动画播放条件添加到动画配置文件中。

S213，服务器根据配置文件，判断当前UI控件是否还有其他动画类型，如果是，执行S206，继续从配置文件获取其他动画类型的标识；如果否，执行S214。

S214，服务器根据数据请求中包含的UI控件的标识，判断是否还有其他UI控件是利用动画效果展现，如果是，执行S205，如果否，执行S215。

S215，服务器利用动画封装工具类，对动画配置文件中的各动画配置信息进行检查、容错和数据格式化，将处理后获得的动画配置信息发送给客户端。

实施例三

本实施例给出一种控件展现方法，本实施例为客户端侧实现控件展现方法的实施例。请参考图3，其为本发明实施例所提供的控件展现方法的实施例三的流程示意图，如图所示，该方法包括以下步骤：

S301，向服务器发送数据请求，以便于所述服务器根据所述数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息。

具体的，当客户端需要展现客户端页面时，如客户端的首页、客户端的游戏页面等，客户端需要向服务器发送数据请求，用以通过该数据请求，从服务器获取展现客户端页面时所需要的页面数据。这样，服务器可以接收到客户端发送的数据请求，服务器可以进一步根据所述数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息。

本发明实施例中，各动画的展现信息可以包括但不限于：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

S302，接收所述服务器发送的所述各UI控件的动画配置信息。

S303，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

具体的，客户端在从服务器接收到各UI控件的动画配置信息之后，可以根据各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

举例说明，本发明实施例中，客户端根据各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画的方法可以包括但不限于：

首先，对各UI控件的动画配置信息进行解析，获取各动画类型的标识以及各动画的展现信息。然后，对从各UI控件的动画配置信息解析出的各信息进行兼容容错检测。若检测结果为信息正常，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

或者，若该检测结果为信息异常，且客户端本地存在预设的动画，则可以获取本地预设的动画；然后根据获取的页面数据，在所述客户端页面中展现各UI控件，在各UI控件上播放所述本地预设的动画。

举例说明，本发明实施例中，若检测结果为信息正常，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画的方法可以包括但不限于以下两种：

第一种：客户端根据各动画类型的标识，为各UI控件生成动画；然后，客户端在所述客户端页面中展现各UI控件，并根据各动画的展现信息，在各UI控件上播放生成的动画。

可以理解的是，本方法中，对于各UI控件的动画配置信息，客户端可以根据其中的各动画类型的标识，为各UI控件都生成动画，然后在展现各UI控件时，再根据各动画的展现信息，在各UI控件上播放之前已经生成的动画。相当于，根据各动画的动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个，控制已经生成的动画在UI控件上进行播放。

第二种：客户端先判断每个动画的展现信息中是否包含动画播放条件，如果动画的展现信息中没有包含动画播放条件，表示该动画是在UI控件展现的同时就开始播放，因此可以不包含动画播放条件。本方法中，对于不包含动画播放条件的展现信息，客户端根据不包含动画播放条件的展现信息对应的动画类型的标识，生成动画；然后，客户端根据获取的页面数据和生成的动画进行客户端页面的渲染，以实现客户端页面的展现，由于渲染客户端页面时也对生成的动画进行了渲染，因此可以实现在展现客户端页面时展现出播放有动画的UI控件。

如果动画的展现信息中没有包含动画播放条件，表示该动画不需要在UI控件展现的同时就开始播放，可以暂时不生成动画。因此，本方法中，对于包含动画播放条件的展现信息，当客户端根据动画播放条件，判断出当前状态满足动画播放条件时，客户端才根据包含动画播放条件的展现信息对应的动画类型的标识，生成动画，进而在所述客户端页面上相应的UI控件上播放该生成的动画。

可以理解的是，本方法中，对于各UI控件的动画配置信息，客户端可以根据动画播放条件，对没有动画播放条件的动画，可以先暂不生成，而是当客户端判断出当前状态满足该动画播放条件时，才生成并播放动画。

可以理解的是，利用上述技术方案，当存在一个UI控件，且该UI控件存在对应的至少两个动画类型时，客户端可以根据获取的页面数据，在所述客户端页面中展现所述UI控件，并根据所述至少两个动画类型中各动画类型对应的动画播放条件，在所述UI控件上播放至少两个动画。例如，客户端可以根据该动画播放条件，在该UI控件上依次或者同时播放多个不同样式的动画。

可以理解的是，利用上述技术方案，当有至少两个UI控件，且每个UI控件有一个只存在对应的一个动画类型时，客户端可以根据获取的页面数据，在所述客户端页面中展现各UI控件，并根据各UI控件的动画播放条件，在各UI控件上播放动画。例如，客户端可以在客户端页面上各UI控件之间同时播放各UI控件对应的动画，或者，还可以在客户端页面上按照顺序，依次在各UI控件上播放各UI控件对应的动画。

可以理解的是，利用上述技术方案，当有至少两个UI控件，且每个UI控件有至少两个对应的动画类型时，所述客户端可以根据获取的页面数据，在所述客户端页面中播放各UI控件，并根据各UI控件的动画播放条件，在各UI控件上播放动画。

可以理解的是，客户端可以利用页面模板对获取的页面数据进行渲染，展现客户端页面以及UI控件。其中，页面数据可以是客户端从服务器获取的，也可以是本地预设的，本发明实施例对此不进行特别限定。

在一个具体的实现过程中，客户端可以根据从动画配置文件中解析出的各信息，调用动画工具类的View对象，生成相应的动画。然后，可以利用startAnimation()函数控制各UI控件上各动画的开始播放，以及利用stopAnimation()函数控制各UI控件上各动画的停止播放。或者，还可以调用clearAnimation()函数进行动画的清除，也可以利用其他函数控制动画在开始播放之前、播放过程中对动画进行其他的控制，本发明实施例对此不进行特别限定。

实施例四

本实施例为客户端侧实现控件展现方法的一个具体实施例。请参考图4，其为本发明实施例所提供的控件展现方法的实施例四的流程示意图，如图所示，该方法包括以下步骤：

S401，客户端向服务器发送数据请求。

S402，客户端判断是否从服务器成功获取到数据，如果是，执行S404，如果否，执行S403。

S403，客户端进行网络异常等容错处理，以便重新从服务器获取数据。

S404，若客户端成功从服务器获取到数据，客户端就可以进一步判断该数据中是否包含动画配置信息，如果是，执行S406，如果否，执行S405。

S405，客户端从服务器接收到的数据中包含页面数据，客户端可以利用页面数据展现客户端页面，这样，客户端页面上的UI控件上将没有动画效果。

S406，客户端从动画配置信息中解析出一个UI控件的标识，进而可以获知需要为哪些UI控件生成动画。

S407，对于解析出的UI控件的标识，客户端从动画配置信息中解析出该该UI控件对应的至少一个动画类型中每个动画类型的标识，进而可以获知需要为该UI控件生成的所有动画类型。

S408，客户端从动画配置信息中解析出该UI控件对应的各动画的展现信息，进而可以获知在该UI控件播放动画时的样式。

S409，客户端从动画配置信息中解析出当前UI控件以及对应的动画类型的标识、展现信息之后，客户端判断根据动画配置信息判断是否还有其他UI控件需要利用动画效果展现，如果是，执行S406，继续解析出其他UI控件的标识和动画配置信息。如果否，执行S410。

S410，客户端解析出的对各UI控件的动画配置信息进行兼容容错检测，以获得检测结果；若该检测结果为信息正常，客户端根据各UI控件对应的各动画类型的标识，为各UI控件生成动画。

S411，客户端根据获取的页面数据，在客户端页面上展现各UI控件，并根据各UI控件对应的动画的展现信息，在各UI控件上展现S410中生成的动画，即根据动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个对动画在各UI控件上的播放进行控制。

本发明实施例进一步给出实现上述方法实施例中各步骤及方法的装置实施例。

请参考图5，其为本发明实施例所提供的控件展现装置的实施例一的功能方块图。本实施例中的装置位于服务器，如图所示，该装置包括：

接收单元51，用于接收客户端发送的数据请求；

生成单元52，用于根据所述数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；

发送单元53，用于将生成的各UI控件的动画配置信息发送给客户端，以便于所述客户端根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

请参考图6，其为本发明实施例所提供的控件展现装置的实施例二的功能方块图。如图6所示，所述生成单元52进一步包括：

读取模块521，用于对于每个UI控件，根据所述数据请求，读取所述UI控件对应的配置文件；

判断模块522，用于根据所述配置文件，判断所述UI控件是否利用动画效果展现；

生成模块523，用于若所述判断模块判断出所述UI控件利用动画效果展现，从所述配置文件中获取所述UI控件的名称、至少一个动画类型的标识以及各动画的展现信息，并根据获取的所述UI控件的名称、至少一个动画类型的标识以及各动画的展现信息，生成各UI控件的动画配置信息。

在一个具体的实现过程中，所述数据请求包含至少一个UI控件的ID以及所述客户端的标识、版本信息、所述客户端所在终端的地理位置信息、操作系统信息和统一资源定位符URL地址中至少一个；

所述读取模块521，具体用于：根据所述客户端的标识、版本信息、所述客户端所在终端的地理位置信息、操作系统信息、URL地址和UI控件的ID中至少一个信息，读取对应的配置文件。

在一个具体的实现过程中，各动画的展现信息包括：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

由于本实施例中的各单元能够执行图1和图2所示的方法，本实施例未详细描述的部分，可参考对图1和图2的相关说明。

请参考图7，其为本发明实施例所提供的控件展现装置的实施例三的功能方块图。本实施例中的装置位于客户端，如图所示，该装置包括：

发送单元71，用于向服务器发送数据请求，以便于所述服务器根据所述数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；

接收单元72，用于接收所述服务器发送的所述各UI控件的动画配置信息；

展现单元73，用于根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

在一个具体的实现过程中，各动画的展现信息包括：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

请参考图8，其为本发明实施例所提供的控件展现装置的实施例四的功能方块图。如图8所示，所述展现单元73进一步包括：

解析模块731，用于对各UI控件的动画配置信息进行解析，获取各动画类型的标识以及各动画的展现信息；

检测模块732，用于对从各UI控件的动画配置信息解析出的各信息进行兼容容错检测；

展现模块733，用于若检测结果为信息正常，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

在一个具体的实现过程中，所述展现模块733，具体用于：

根据各动画类型的标识，为各UI控件生成动画；

在所述客户端页面中展现各UI控件，并根据各动画的展现信息，在各UI控件上播放生成的动画。

在一个具体的实现过程中，所述展现模块733，具体用于：

判断每个动画的展现信息中是否包含动画播放条件，对于不包含动画播放条件的展现信息，根据不包含动画播放条件的展现信息对应的动画类型的标识，生成动画；

根据获取的页面数据和生成的动画进行客户端页面的渲染。

在一个具体的实现过程中，所述展现模块733，还用于：

对于包含动画播放条件的展现信息，当满足所述动画播放条件时，根据包含动画播放条件的展现信息对应的动画类型的标识，生成动画；

在所述客户端页面上相应的UI控件上播放生成的动画。

由于本实施例中的各单元能够执行图3和图4所示的方法，本实施例未详细描述的部分，可参考对图3和图4的相关说明。

本发明实施例的技术方案具有以下有益效果：

本发明实施例通过接收客户端发送的数据请求；从而，根据所述数据请求，生成至少一个用户界面UI控件中各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；进而，将生成的各UI控件的动画配置信息发送给客户端，以便于所述客户端根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

根据本发明实施例提供的技术方案，能够通过动画配置信息对客户端页面上UI控件的展现进行动态配置，使得客户端可以在客户端页面上展现的UI控件上加载动画，而且，本发明实施例中，由于可以为至少一个UI控件生成动画配置信息，且每个UI控件可以存在至少一个动画类型，因此，可以实现在客户端的至少一个UI控件上播放动画，且每个UI控件上可以播放至少一个动画，所以本发明实施例所提供的技术方案，避免了现有技术中UI控件样式固定且单一的问题，提高了客户端页面上UI控件样式的多样性和样式配置的灵活性。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本发明所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机装置(可以是个人计算机，服务器，或者网络装置等)或处理器(Processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

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

Claims (18)

1.一种控件展现方法，由服务器端执行，其特征在于，所述方法包括：

接收客户端发送的数据请求；

对于请求的每个UI控件，根据所述数据请求，读取所述UI控件对应的配置文件；

从所述配置文件中读取策略信息，若根据所述策略信息判断出所述UI控件利用动画效果展现，则从所述配置文件中获取所述UI控件的名称、所述UI控件的动画类型标识以及所述UI控件的动画展现属性，以生成各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；

将生成的各UI控件的动画配置信息发送给客户端，以便于所述客户端根据所述各UI控件的动画配置信息，在客户端页面中展现的至少一个UI控件上播放动画。

2.根据权利要求1所述的方法，其特征在于，所述数据请求包含至少一个UI控件的ID以及所述客户端的标识、版本信息、所述客户端所在终端的地理位置信息、操作系统信息和统一资源定位符URL地址中至少一个；

根据所述数据请求，读取所述UI控件对应的配置文件，包括：根据所述客户端的标识、版本信息、所述客户端所在终端的地理位置信息、操作系统信息、URL地址和UI控件的ID中至少一个信息，读取对应的配置文件。

3.根据权利要求1所述的方法，其特征在于，各动画的展现信息包括：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

4.一种动画展现方法，其特征在于，所述方法包括：

向服务器发送数据请求，以便于所述服务器对于请求的每个UI控件，根据所述数据请求，读取所述UI控件对应的配置文件并从所述配置文件中读取策略信息，若根据所述策略信息判断出所述UI控件利用动画效果展现，则从所述配置文件中获取所述UI控件的名称、所述UI控件的动画类型标识以及所述UI控件的动画展现属性，以生成各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；

接收所述服务器发送的所述各UI控件的动画配置信息；

根据所述各UI控件的动画配置信息，在客户端页面中展现的至少一个UI控件上播放动画。

5.根据权利要求4所述的方法，其特征在于，各动画的展现信息包括：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

6.根据权利要求4或5所述的方法，其特征在于，所述根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画，包括：

对各UI控件的动画配置信息进行解析，获取各动画类型的标识以及各动画的展现信息；

对从各UI控件的动画配置信息解析出的各信息进行兼容容错检测；

若检测结果为信息正常，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

7.根据权利要求6所述的方法，其特征在于，若检测结果为信息正常，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画，包括：

根据各动画类型的标识，为各UI控件生成动画；

在所述客户端页面中展现各UI控件，并根据各动画的展现信息，在各UI控件上播放生成的动画。

8.根据权利要求6所述的方法，其特征在于，若检测结果为信息正常，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画，包括：

判断每个动画的展现信息中是否包含动画播放条件，对于不包含动画播放条件的展现信息，根据不包含动画播放条件的展现信息对应的动画类型的标识，生成动画；

根据获取的页面数据和生成的动画进行客户端页面的渲染。

9.根据权利要求8所述的方法，其特征在于，所述方法还包括：

对于包含动画播放条件的展现信息，当满足所述动画播放条件时，根据包含动画播放条件的展现信息对应的动画类型的标识，生成动画；

在所述客户端页面上相应的UI控件上播放生成的动画。

10.一种控件展现装置，设置于服务器端，其特征在于，所述装置包括：

接收单元，用于接收客户端发送的数据请求；

读取模块，用于对于请求的每个UI控件，根据所述数据请求，读取所述UI控件对应的配置文件；从所述配置文件中读取策略信息；

判断模块，用于根据所述策略信息判断所述UI控件是否利用动画效果展现；

生成模块，用于若所述判断模块判断出所述UI控件利用动画效果展现，则从所述配置文件中获取所述UI控件的名称、所述UI控件的动画类型标识以及所述UI控件的动画展现属性，以生成各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；

发送单元，用于将生成的各UI控件的动画配置信息发送给客户端，以便于所述客户端根据所述各UI控件的动画配置信息，在客户端页面中展现的至少一个UI控件上播放动画。

11.根据权利要求10所述的装置，其特征在于，所述数据请求包含至少一个UI控件的ID以及所述客户端的标识、版本信息、所述客户端所在终端的地理位置信息、操作系统信息和统一资源定位符URL地址中至少一个；

所述读取模块，具体用于：根据所述客户端的标识、版本信息、所述客户端所在终端的地理位置信息、操作系统信息、URL地址和UI控件的ID中至少一个信息，读取对应的配置文件。

12.根据权利要求10所述的装置，其特征在于，各动画的展现信息包括：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

13.一种动画展现装置，其特征在于，所述装置包括：

发送单元，用于向服务器发送数据请求，以便于所述服务器对于请求的每个UI控件，读取所述UI控件对应的配置文件并从所述配置文件中读取策略信息，若根据所述策略信息判断出所述UI控件利用动画效果展现，则从所述配置文件中获取所述UI控件的名称、所述UI控件的动画类型标识以及所述UI控件的动画展现属性，以生成各UI控件的动画配置信息，各动画配置信息包括至少一个动画类型的标识以及各动画的展现信息；

接收单元，用于接收所述服务器发送的所述各UI控件的动画配置信息；

展现单元，用于根据所述各UI控件的动画配置信息，在客户端页面中展现的至少一个UI控件上播放动画。

14.根据权利要求13所述的装置，其特征在于，各动画的展现信息包括：动画播放时长、动画播放周期模式信息、动画播放的加速器类型、动画特效信息和动画播放条件中至少一个。

15.根据权利要求13或14所述的装置，其特征在于，所述展现单元进一步包括：

解析模块，用于对各UI控件的动画配置信息进行解析，获取各动画类型的标识以及各动画的展现信息；

检测模块，用于对从各UI控件的动画配置信息解析出的各信息进行兼容容错检测；

展现模块，用于若检测结果为信息正常，根据所述各UI控件的动画配置信息，在客户端页面中展现的所述至少一个UI控件上播放动画。

16.根据权利要求15所述的装置，其特征在于，所述展现模块，具体用于：

根据各动画类型的标识，为各UI控件生成动画；

在所述客户端页面中展现各UI控件，并根据各动画的展现信息，在各UI控件上播放生成的动画。

17.根据权利要求15所述的装置，其特征在于，所述展现模块，具体用于：

判断每个动画的展现信息中是否包含动画播放条件，对于不包含动画播放条件的展现信息，根据不包含动画播放条件的展现信息对应的动画类型的标识，生成动画；

根据获取的页面数据和生成的动画进行客户端页面的渲染。

18.根据权利要求17所述的装置，其特征在于，所述展现模块，还用于：

对于包含动画播放条件的展现信息，当满足所述动画播放条件时，根据包含动画播放条件的展现信息对应的动画类型的标识，生成动画；

在所述客户端页面上相应的UI控件上播放生成的动画。

Images