CN107391144B - 视图展示方法及装置 - Google Patents

Abstract

本发明提供一种视图展示方法及装置，方法包括：基于预设动画效果生成动画对象，并将生成的动画对象与基于预设布局框架显示的第一视图关联；调用所述动画对象中的动画启动指令，按照所述预设动画效果展示第一视图。如此，实现了动画与业务逻辑框架的解耦合，在开发动画效果时不必对整个业务逻辑架构进行调整和测试，提高了动画效果开发的效率。

Description

视图展示方法及装置

技术领域

本发明涉及动画技术领域，具体而言，涉及一种视图展示方法及装置。

背景技术

传统的动画展示，动画效果展示的代码与业务逻辑架构之间耦合紧密，导致开发人员在对动画展示效果进行开发时，需要对整个业务逻辑架构进行调整和测试，开发人员的工作量大、工作效率低且容易出错。

发明内容

有鉴于此，本发明的目的在于提供一种视图展示方法及装置，以改善上述问题。

为了达到上述目的，本发明实施例提供一种视图展示方法，所述方法包括：

基于预设动画效果生成动画对象，并将所述动画对象与基于预设布局框架显示的第一视图关联；

调用所述动画对象中的动画启动指令，按照所述预设动画效果展示所述第一视图。

可选地，在上述方法中，基于预设动画效果生成动画对象，并将所述动画对象与基于帧布局框架显示的第一视图关联的步骤，包括：

调用动画工具类中的动画加载指令，将描述所述预设动画效果的动画描述文件加载至内存，并生成所述动画对象；

调用所述动画对象中的目标设置指令，将所述第一视图设置为所述动画对象的操作目标。

可选地，在上述方法中，所述预设布局框架为设置有所述第一视图和覆盖在所述第一视图上层的第二视图的帧布局框架，所述第二视图将所述帧布局框架划分为第一区域和所述第二视图所在的第二区域，所述第一视图设置于所述第二区域，所述第一区域能够容纳所述第一视图。

可选地，在上述方法中，所述第一区域和第二区域为沿所述帧布局框架的一侧边并列的两个矩形区域。

可选地，在上述方法中，所述第二视图为礼物面板，所述第一视图为礼物提示信息文本框。

可选地，在上述方法中，所述预设动画效果包括进入动画效果和/或退出动画效果；

所述进入动画效果为将所述操作目标从所述第二区域移动至所述第一区域，并将移动时长控制在第一预设时长；

所述退出动画效果为将所述操作目标从所述第一区域移动回所述第二区域，并将移动时长控制在第二预设时长。

本发明实施例还提供一种视图展示装置，所述视图展示装置包括：

动画对象生成模块，用于基于预设动画效果生成动画对象，并将所述动画对象与基于预设布局框架显示的第一视图关联；

视图展示模块，用于调用所述动画对象中的动画启动指令，按照所述预设动画效果展示所述第一视图。

可选地，在上述装置中，所述预设布局框架为设置有所述第一视图和覆盖在所述第一视图上层的第二视图的帧布局框架，所述第二视图将所述帧布局框架划分为第一区域和所述第二视图所在的第二区域，所述第一视图设置于所述第二区域，所述第一区域能够容纳所述第一视图。

可选地，在上述装置中，所述第一区域和第二区域为沿所述帧布局框架的一侧边并列的两个矩形区域。

可选地，在上述装置中，所述预设动画效果包括进入动画效果和退出动画效果；

所述进入动画效果为将所述动画对象的操作目标从所述第二区域移动至所述第一区域，并将移动时长控制在第一预设时长；

所述退出动画效果为将所述动画对象的操作目标从所述第一区域移动回所述第二区域，并将移动时长控制在第二预设时长。

本发明实施例提供的视图展示方法及装置，根据要实现的预设动画效果生成动画对象，并将生成的动画对象与需要操作的第一视图关联。通过调用该动画对象的动画启动指令，按照预设动画效果展示第一视图。如此，在对第一视图的展示效果进行开发时，只需更改预设动画效果即可，不必对整个业务逻辑架构进行调整，大大提高了开发人员的工作效率。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图作详细说明。

附图说明

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

图1为本发明实施例提供的一种用户终端的方框示意图。

图2为本发明实施例提供的一种视图展示方法的流程示意图。

图3为图2所示步骤S101的子步骤示意图。

图4(a)为本发明实施例提供的一种帧布局框架的结构示意图。

图4(b)为本发明实施例提供的帧布局框架的又一结构示意图。

图5为本发明实施例提供的一种第一区域和第二区域的位置关系示意图。

图6为本发明实施例提供的一种视图展示装置的功能模块框图。

图标：100-用户终端；110-视图展示装置；111-动画对象生成模块；112-视图展示模块；120-存储器；130-处理器；140-显示单元。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和展示的本发明实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

如图1所示，是本发明实施例提供的一种基于安卓系统的用户终端100的方框示意图，本发明实施例提供的视图展示方法可应用于所述用户终端100。所述用户终端100包括视图展示装置110、存储器120、处理器130及显示单元140。

所述存储器120、处理器130及显示单元140各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。视图展示装置110包括至少一个可以软件或固件(firmware)的形式存储于存储器120中或固化在用户终端100的操作系统中的软件功能模块。处理器130用于执行存储在存储器120中的可执行模块，例如视图展示装置110所包括的软件功能模块及计算机程序等。

其中，存储器120可以是，但不限于，随机存取存储器(Random Access Memory，RAM)，只读存储器(Read Only Memory，ROM)，可编程只读存储器(Programmable Read-OnlyMemory，PROM)，可擦除只读存储器(Erasable Programmable Read-Only Memory，EPROM)，电可擦除只读存储器(Electric Erasable Programmable Read-Only Memory，EEPROM)等。

处理器130可以是一种集成电路芯片，具有信号处理的能力。上述的处理器也可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(NetworkProcessor，NP)等；还可以是数字信号处理器(DSP))、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

显示单元140用于建立用户终端100与用户之间的交互界面或用于展示待展示视图(view)。在本实施例中，视图可以理解为安卓系统中实例化的view对象，可以是图像、文本框等任意可在显示界面展示的信息。

应当理解，图1所示的结构仅为示意，用户终端100还可以具有比图1所示更多或更少的组件，也可以具有与图1所示不同的配置。需要说明的是，图1所示的各组件可以硬件、软件或其组合实现。

如图2所示，是本发明实施例提供的一种视图展示方法的流程示意图，所述视图展示方法可应用于图1所示的用户终端100。下面将对图1所示的具体流程和步骤进行详细阐述。

步骤S101，基于预设动画效果生成动画对象，并将所述动画对象与基于预设布局框架显示的第一视图关联。

其中，预设动画效果是待操作目标需要达到的动画效果。例如，假设用户终端100中某一应用程序(application，APP)提供有礼物面板，在用户选中该礼物面板中的某一个礼物时，需要以连击效果展示该礼物的说明信息。在上述示例中，连击效果即为所述预设动画效果，需要以连击效果呈现的待操作目标即为承载有该礼物的说明信息的文本框。

可选地，如图3所示，在本实施例中，步骤S101可以包括步骤S201和步骤S202两个子步骤。

步骤S201，调用所述动画工具类中的动画加载指令，将描述所述预设动画效果的动画描述文件加载至内存，并生成所述动画对象。

在本实施例中，可以通过调用基于安卓系统的动画工具类AnimationUtils中的loadAnim方法，将描述所述预设动画效果的动画描述文件加载至内存并返回一个动画对象anim。其中，所述动画对象用于控制待操作目标按照所述预设动画效果展示。

步骤S202，调用所述动画对象中的目标设置指令，将所述第一视图设置为所述动画对象的操作目标。

在本实施例中，可以通过调用动画对象anim中的setTarget方法来设置所述动画对象的操作目标，其中，所述第一视图即为所述动画对象anim的操作目标。如此，即可建立描述所述预设动画效果的动画描述文件与待操作目标第一视图之间的关系。

步骤S102，调用所述动画对象中的动画启动指令，按照所述预设动画效果展示所述第一视图。

在需要按照所述预设动画效果展示第一视图时，调用所述动画对象中的动画启动指令，即可通过所述动画对象控制所述第一视图按照所述预设动画效果进行展示。

在本实施例中，以上述动画对象anim为例，调用所述动画对象anim中的startAnim方法即可通过所述动画对象控制所述第一视图按照所述预设动画效果进行展示。

通过上述设计，在需要对动画效果进行开发或改进时，只需对动画描述文件进行更改即可，不必更改整个业务架构，大大降低了开发人员的工作量，提高了工作效率。

然而，以上述以连击效果展示礼物的说明信息为例，传统的动画展示方法通常是通过一个差值器得到一系列的差值，并根据所述一系列的差值动态改变礼物说明信息的布局文件的高度，进而达到连击动画展示效果。然而，采用这种方式时动画效果的描述信息与业务架构中展示该动画效果的指令紧密耦合，不便于将动画效果拆分出来并写到一个单独的动画描述文件中。

经发明人研究发现，若对待展示视图的布局进行改进，以一种更为简洁的方式实现动画效果，从而实现动画效果与业务架构中动画效果展示指令的解耦合，则可以降低开发人员解耦合的工作效率。

可选地，本发明实施例可以对显示待展示视图的布局框架做如下改进。

在本实施例中，所述预设布局框架可以为帧布局(FrameLayout)框架。如图4(a)所示，所述帧布局框架S中设置有第二视图V2和所述第一视图V1，所述第二视图V2覆盖在所述第一视图V1的上层。需要说明的是，此处的覆盖是指第二视图V2将第一视图V1完全覆盖。

在FrameLayout布局中，只显示未被覆盖的视图。相应地，在图4(a)所示的情形下，只会显示第二视图V2。如图4(b)所示，若将所述第一视图V1移出所述第二视图V2的覆盖范围，则可以显示所述第一视图V1。

基于FrameLayout布局的上述特性，以上述用连击效果展示礼物的说明信息为例，可以将所述礼物面板作为所述第二视图V2，将所述礼物说明信息文本框作为所述第一视图V1。

如此，当不需要显示礼物说明信息时，可以控制所述礼物面板覆盖住所述礼物说明信息文本框，当需要显示礼物说明信息时，可以控制所述礼物说明信息文本框移出所述礼物面板的覆盖范围。

因而，可选地，如图5所示，可以通过所述第二视图V2将所述FrameLayout布局框架划分为两个区域，分别为第一区域S1和所述第二视图V2所占据的第二区域S2。以图5所示情形为例，假设虚线L与第二视图V2的上侧边共线，那么，帧布局框架S中位于虚线L下方的区域即为所述第二区域S2，帧布局框架S中除第二区域S2之外的区域(即，位于虚线L上方的区域)即为所述第一区域S1。

需要说明的是，在本实施例中，第二视图V2的宽度实际与所述帧布局框架S的宽度相同，图5中将两者宽度表示为不同仅仅是为了区别表示出第二视图V2。也即，在帧布局文件中，所述第二视图V2的宽度被设置为全屏宽(full_parent)。

在本实施例中，所述第一视图V1设置在所述第二区域S2，并被所述第二视图V2覆盖。所述第一区域S1能够容纳所述第一视图V1，也即，所述第一视图V1能够完全设置在所述第一区域S1。

进一步地，所述第一区域S1和第二区域S2可以为沿所述FrameLayout布局框架的一侧边并列的两个矩形区域。其中，所述第一区域S1和第二区域S2可以沿水平方向的侧边并列设置，并且第一区域S1和第二区域S2的位置可以互换。所述第一区域S1和第二区域S2也可以沿竖直方向的侧边并列设置，并且第一区域S1和第二区域S2的位置可以互换。其中，所述第一视图V1和第二视图V2通过FrameLayout框架的gravity属性进行设置，具体可以将所述gravity属性的值设置为right、left、bottom或top，进而将所述第一视图V1或第二视图V2设置在所述FrameLayout框架的相应位置。

以所述第一区域S1和第二区域S2沿竖直方向的侧边并列设置，且所述第一区域S1位于所述第二区域S2的上方为例，采用这种设计，可以将礼物说明信息的连击展示效果转化为礼物说明信息文本框的上下移动。

如此，预设动画效果包括进入动画效果和/或退出动画效果。在本实施例中，进入动画效果为将第一视图V1(即，礼物说明信息文本框)从第二区域S2移动至第一区域S1，退出动画效果为将第一视图V1从所述第一区域S1移动回所述第二区域S2。

可选地，为了实现连击效果，可以控制第一视图V1的移动时长。例如，将所述第一视图V1从第一区域S1移动至第二区域S2的时长控制在第一预设时长，将所述第一视图V1从第二区域S2移动至第一区域S1的时长控制在第二预设时长。其中，第一预设时长和第二预设时长可以根据效果需求进行灵活设定，两者可以相等，也可以不等。

通过上述设计，将复杂的动画效果转化成了简单的位移动画。在本实施例中，可以采用安卓系统中的translate属性来标记位移动画。

作为一种实施方式，所述进入动画效果可以采用如下代码定义：

其中，translate标签标示描述的是位移动画信息。android:from YDelta＝"100％p"，表示视图位移前的高度。android:to YDelta＝"0％p"，表示视图位移后的高度。android:duration＝"1000"，表示整个位移过程持续1000毫秒。上述代码用于表示将视图沿y轴移动，并且从100％移动0％的位置，并且整个过程持续1000毫秒。

实施时，移动的起始位置和结束位置可根据实际情况进行灵活设置。

需要说明的是，在所述用户终端100的坐标系中，显示界面面朝用户时，用户的右方为x轴正方向，下方为y轴正方向。

只需将上述代码中的from YDelta和to YDelta的值对调即可得到退出动画效果的动画描述信息。

实施时，将进入动画效果和退出动画效果分别写入不同的xlm文件中，即可得到描述进入动画效果的第一动画描述文件和描述退出动画效果的第二动画描述文件。调用动画工具类AnimationUtils中的loadAnim方法将所述第一动画描述文件加载至内存并返回第一动画对象anim1,调用动画工具类AnimationUtils中的loadAnim方法将所述第二动画描述文件加载至内存并返回第二动画对象anim2。

在需要对第一视图进行动画展示时，调用第一动画对象anim1中的startAnim方法即可按照设定好的进入动画效果进行展示。在对第一视图进行动画展示后若需停止展示所述第一视图，则可调用第二动画对象anim2中的startAnim方法，以按照设定好的退出动画效果退出展示。

如图6所示，本发明实施例还提供一种视图展示装置110。所述视图展示装置110包括动画对象生成模块111和视图展示模块112。

其中，所述动画对象生成模块111用于基于预设动画效果生成动画对象，并将所述动画对象与基于预设布局框架显示的第一视图关联。

在本实施例中，关于所述动画对象生成模块111的描述具体可参考对图2所示步骤S101的详细描述，也即，所述步骤S101可以由所述动画对象生成模块111执行。

所述视图展示模块112用于调用所述动画对象中的动画启动指令，按照所述预设动画效果展示所述第一视图。

在本实施例中，关于所述视图展示模块112的描述具体可参考对图2所示的步骤S102的详细描述，也即，步骤S102可以由所述视图展示模块112执行。

可选地，所述预设布局框架可以为设置有所述第一视图和覆盖在所述第一视图的上层的第二视图的帧布局框架。所述第二视图将所述帧布局框架划分为第一区域和所述第二视图所在的第二区域，所述第一视图设置于所述第二区域，所述第一区域能够容纳所述第一视图。

可选地，所述第一区域和第二区域为沿所述帧布局框架的一侧边并列的两个矩形区域。

可选地，所述预设动画效果包括进入动画效果和/或退出动画效果，所述进入动画效果可以为将所述动画对象的操作目标从所述第而区域移动至所述第一区域，并将移动时长控制在第一预设时长，所述退出动画效果可以为将所述动画对象的操作目标从所述第一区域移动回所述第二区域，并将移动时长控制在第二预设时长。

综上所述，本发明实施例提供的视图展示方法及装置，根据要实现的预设动画效果生成动画对象，并将生成的动画对象与需要操作的第一视图关联。通过调用该动画对象的动画启动指令，按照预设动画效果展示第一视图。如此，在对第一视图的展示效果进行开发时，只需更改预设动画效果即可，不必对整个业务逻辑架构进行调整，大大提高了开发人员的工作效率。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (8)

1.一种视图展示方法，其特征在于，所述方法包括：

基于预设动画效果生成动画对象，并将所述动画对象与基于预设布局框架显示的第一视图关联；其中，所述预设布局框架为设置有所述第一视图和覆盖在所述第一视图上层的第二视图的帧布局框架，所述第二视图将所述帧布局框架划分为第一区域和所述第二视图所在的第二区域，所述第一视图设置于所述第二区域，所述第一区域能够容纳所述第一视图；

调用所述动画对象中的动画启动指令，按照所述预设动画效果展示所述第一视图。

2.根据权利要求1所述的视图展示方法，其特征在于，基于预设动画效果生成动画对象，并将所述动画对象与基于预设布局框架显示的第一视图关联的步骤，包括：

调用动画工具类中的动画加载指令，将描述所述预设动画效果的动画描述文件加载至内存，并生成所述动画对象；

调用所述动画对象中的目标设置指令，将所述第一视图设置为所述动画对象的操作目标。

3.根据权利要求1或2所述的视图展示方法，其特征在于，所述第一区域和第二区域为沿所述帧布局框架的一侧边并列的两个矩形区域。

4.根据权利要求1或2所述的视图展示方法，其特征在于，所述第二视图为礼物面板，所述第一视图为礼物提示信息文本框。

5.根据权利要求1或2所述的视图展示方法，其特征在于，所述预设动画效果包括进入动画效果和/或退出动画效果；

所述进入动画效果为将所述动画对象的操作目标从所述第二区域移动至所述第一区域，并将移动时长控制在第一预设时长；

所述退出动画效果为将所述动画对象的操作目标从所述第一区域移动回所述第二区域，并将移动时长控制在第二预设时长。

6.一种视图展示装置，其特征在于，所述视图展示装置包括：

动画对象生成模块，用于基于预设动画效果生成动画对象，并将所述动画对象与基于预设布局框架显示的第一视图关联；其中，所述预设布局框架为设置有所述第一视图和覆盖在所述第一视图的上层的第二视图的帧布局框架，所述第二视图将所述帧布局框架划分为第一区域和所述第二视图所在的第二区域，所述第一视图设置于所述第二区域，所述第一区域能够容纳所述第一视图；

视图展示模块，用于调用所述动画对象中的动画启动指令，按照所述预设动画效果展示所述第一视图。

7.根据权利要求6所述的视图展示装置，其特征在于，所述第一区域和第二区域为沿所述帧布局框架的一侧边并列的两个矩形区域。

8.根据权利要求6或7所述的视图展示装置，其特征在于，所述预设动画效果包括进入动画效果和退出动画效果；

所述进入动画效果为将所述动画对象的操作目标从所述第二区域移动至所述第一区域，并将移动时长控制在第一预设时长；

所述退出动画效果为将所述动画对象的操作目标从所述第一区域移动回所述第二区域，并将移动时长控制在第二预设时长。

Images