CN107423060B - 动画效果的呈现方法、装置及终端 - Google Patents
动画效果的呈现方法、装置及终端 Download PDFInfo
- Publication number
- CN107423060B CN107423060B CN201710552643.0A CN201710552643A CN107423060B CN 107423060 B CN107423060 B CN 107423060B CN 201710552643 A CN201710552643 A CN 201710552643A CN 107423060 B CN107423060 B CN 107423060B
- Authority
- CN
- China
- Prior art keywords
- data
- animation
- label
- implementation method
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/20—3D [Three Dimensional] animation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本公开提供一种动画效果的呈现方法、装置及终端,所述方法的一具体实施方式包括:获取采用层叠样式表CSS描述的动画数据;采用预设组件将所述动画数据映射到目标实现方法;按照所述目标实现方法呈现所述动画数据对应的动画效果。该实施方式能够使得CSS描述的所有动画数据均能够支持应用程序上的动画开发,简化了开发过程,提高了效率。
Description
技术领域
本公开涉及计算机软件技术领域,特别涉及一种动画效果的呈现方法、装置及终端。
背景技术
应用程序在终端设备上运行时,可能需要呈现一些动画效果,目前来说,通过应用程序呈现的web页面通常采用CSS(Cascading Style Sheets,层叠样式表)来描述动画数据,其中,动画数据可以包括多个标签的数据(例如,标签的属性及对应的属性数据,标签的样式数据等)。但是,并不是CSS描述的所有动画数据(如,标签的属性和/或样式等)都能支持应用程序上的动画开发。
对于CSS中不支持应用程序上动画开发的动画数据,开发者在开发应用程序上的动画时则不能使用。因此,在相关技术中,开发者在通过CSS进行动画实现时,需要查询所欲使用的标签的属性和/或样式是否支持应用程序上的动画开发,如果不支持,则不能使用,导致开发过程繁琐,效率低。
发明内容
为了解决上述技术问题,本公开提供一种动画效果的呈现方法、装置及终端。
根据本公开实施例的第一方面,提供一种动画效果的呈现方法,包括:
获取采用层叠样式表CSS描述的动画数据;
采用预设组件将所述动画数据映射到目标实现方法;
按照所述目标实现方法呈现所述动画数据对应的动画效果。
可选的,所述采用预设组件将所述动画数据映射到目标实现方法,包括:
采用预设组件将所述动画数据中包括的每个标签的数据映射到对应的目标实现方法。
可选的,针对每个标签的数据,通过如下方式将该标签的数据映射到对应的目标实现方法:
采用所述预设组件从该标签的数据中获取动画起始数据;
采用所述预设组件从该标签的数据中获取动画结束数据以及动画过渡数据;
基于所述动画起始数据、所述动画结束数据以及所述动画过渡数据,将该标签的数据映射到对应的目标实现方法。
可选的,所述采用所述预设组件从该标签的数据中获取动画起始数据,包括:
当该标签的数据中包括预设的动画起始数据时,直接从该标签的数据中获取所述预设的动画起始数据;
当该标签的数据中未包括预设的动画起始数据时,获取当前的显示数据作为所述动画起始数据。
可选的,所述目标实现方法为基于native层的方法。
根据本公开实施例的第二方面,提供一种动画效果的呈现装置,包括:
获取模块,被配置为获取采用层叠样式表CSS描述的动画数据;
映射模块,被配置为采用预设组件将所述动画数据映射到目标实现方法;
呈现模块,被配置为按照所述目标实现方法呈现所述动画数据对应的动画效果。
可选的,所述呈现模块包括:
映射子模块,被配置为采用预设组件将所述动画数据中包括的每个标签的数据映射到对应的目标实现方法。
可选的,所述映射子模块包括:第一获取子模块,第二获取子模块和方法映射子模块;
针对每个标签的数据:
第一获取子模块,被配置为采用所述预设组件从该标签的数据中获取动画起始数据;
第二获取子模块,被配置为采用所述预设组件从该标签的数据中获取动画结束数据以及动画过渡数据;
方法映射子模块,被配置为基于所述动画起始数据、所述动画结束数据以及所述动画过渡数据,将该标签的数据映射到对应的目标实现方法。
可选的,所述第一获取子模块被配置用于:
当该标签的数据中包括预设的动画起始数据时,直接从该标签的数据中获取所述预设的动画起始数据;
当该标签的数据中未包括预设的动画起始数据时,获取当前的显示数据作为所述动画起始数据。
可选的,所述目标实现方法为基于native层的方法。
根据本公开实施例的第三方面,提供一种终端,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取采用层叠样式表CSS描述的动画数据;
采用预设组件将所述动画数据映射到目标实现方法;
按照所述目标实现方法呈现所述动画数据对应的动画效果。
根据本公开实施例的第四方面,提供一种计算机可读存储介质,所述计算机可读存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如第一方面或第一方面的任何一种可能的实现方式所述的动画效果的呈现方法中所执行的操作。
本公开的实施例提供的技术方案可以包括以下有益效果:
本公开的上述实施例提供的动画效果的呈现方法,通过获取采用层叠样式表CSS描述的动画数据,采用预设组件将所述动画数据映射到目标实现方法,并按照该目标实现方法呈现动画数据对应的动画效果。从而能够使得CSS描述的所有动画数据均能够支持应用程序上的动画开发,简化了开发过程,提高了效率。
本公开的上述实施例提供的动画效果的呈现方法,通过获取采用层叠样式表CSS描述的动画数据,采用预设组件从动画数据中包括的每个标签的数据中获取动画起始数据、动画结束数据以及动画过渡数据。基于上述动画起始数据、动画结束数据以及动画过渡数据,将每个标签的数据映射到对应的目标实现方法,并按照目标实现方法呈现动画数据对应的动画效果。从而能够将CSS描述的动画数据中包括的每个标签的数据均映射到对应的目标实现方法,有助于简化开发过程,提高了效率。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
图1是本公开根据一示例性实施例示出的一种动画效果的呈现方法的流程图;
图2是本公开根据一示例性实施例示出的另一种动画效果的呈现方法的流程图;
图3是本公开根据一示例性实施例示出的一种动画效果的呈现应用场景示意图;
图4是本公开根据一示例性实施例示出的一种动画效果的呈现装置的框图;
图5是本公开根据一示例性实施例示出的另一种动画效果的呈现装置的框图;
图6是本公开根据一示例性实施例示出的另一种动画效果的呈现装置的框图;
图7是本公开根据一示例性实施例示出的一种动画效果的呈现装置的一结构示意图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
在本公开使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本公开。在本公开和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本公开可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本公开范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
为了便于本领域技术人员更好地理解本公开中的技术方案,首先,对本公开的应用背景进行简要说明,说明如下:目前来说,应用程序一般可以通过原生native页面输出信息,而由于一些业务的需要,还需要输出web页面的信息。在相关技术中,一般采用hybrid技术显示web页面,但是,web页面的渲染没有native页面的渲染流畅,会影响应用程序的页面显示效果。因此,目前针对web页面开发了一种软件运行平台,可以预先将该软件运行平台安装于终端中,该软件运行平台基于终端的操作系统运行,web页面的代码数据可在该软件运行平台所创建的环境中运行,以将web页面的信息通过native页面的形式输出。
一般来说,web页面数据中通常采用CSS来描述动画数据,动画数据可以包括多个标签的数据,例如,标签的属性及对应的属性数据,标签的样式及对应的样式数据等等。但是,并不是CSS提供的所有标签的属性和/或样式都能支持应用程序上的动画开发。对于CSS中不支持应用程序上动画开发的标签的属性和/或样式,开发者在开发动画时则不能使用。在相关技术中,开发者在通过CSS进行动画实现时,需要查询所欲使用的标签的属性和/或样式是否支持应用程序上动画开发,如果不支持,则不能使用,导致开发过程繁琐,效率低。
针对上述问题,本公开提供一种动画效果的呈现方法,下面将结合具体的实施例对本公开进行详细描述。
如图1所示,图1是根据一示例性实施例示出的一种动画效果的呈现方法的流程图,该方法可以应用于终端设备中。执行主体可以是上述安装于终端设备的软件运行平台。在本实施例中,为了便于理解,结合具有显示屏并能安装第三方应用程序的终端设备来举例说明。本领域技术人员可以理解,该终端设备可以包括但不限于诸如智能手机的移动终端设备、智能穿戴式设备、平板电脑、个人数字助理、电子书阅读器等等。该方法的该方法包括以下步骤:
在步骤101中,获取采用层叠样式表CSS描述的动画数据。
在本实施例中,可以首先获取采用CSS(Cascading Style Sheets,层叠样式表)描述的动画数据。一般来说,在web页面数据中通常采用CSS来描述动画数据,动画数据可以包括多个标签以及每个标签对应的属性及属性数据,样式及样式数据等等。在CSS描述的动画数据中,只有标签的部分属性和/或样式能支持应用程序上动画的开发,还有部分属性和/或样式不能支持应用程序上动画的开发。相关技术中,只能针对能支持应用程序上动画开发的属性和/或样式,呈现对应的动画效果,而对于不能支持应用程序上动画开发的属性和/或样式,无法呈现对应的动画效果。
在步骤102中,采用预设组件将动画数据映射到目标实现方法。
在本实施例中,预设组件为上述安装于终端设备的软件运行平台所包括的组件,该预设组件可以用于将动画数据映射到目标实现方法。可选地,可以采用预设组件将动画数据中包括的每个标签的数据映射到对应的目标实现方法。其中,目标实现方法可以为基于native层的方法。具体来说,在构建该组件时,可以针对每个标签对应的每个属性及样式,建立与相应的native层上的目标接口之间的映射关系,并将该映射关系进行存储。
在本实施例中,针对每个标签的数据,可以通过如下方式将该标签的数据映射到对应的目标实现方法:首先,采用该预设组件从该标签的数据中获取动画起始数据。其中,动画起始数据可以包括动画的起始帧(动画开始的关键帧)对应的图像数据、属性数据及样式数据(例如,尺寸数据等)等等。可以理解,本公开对动画起始数据的具体内容方面不限定。
在一种实现方式中,当该标签的数据中包括预先设置的动画起始数据时,可以直接从该标签的数据中获取该动画起始数据。在另一种实现方式中,当该标签的数据中未包括预先设置的动画起始数据时,可以获取当前的显示数据(当前显示的图像帧的数据)作为动画起始数据。可以理解,还可以通过其它的方式采用该预设组件从该标签的数据中获取动画起始数据,本公开对此方面不限定。
接着,可以采用该预设组件从该标签的数据中获取动画结束数据以及动画过渡数据。一般来说,该标签的数据中均包括动画结束数据以及动画过渡数据,因此,可以直接从该标签的数据中获取动画结束数据以及动画过渡数据。并基于上述动画起始数据、动画结束数据以及动画过渡数据,将该标签的数据映射到对应的目标实现方法。具体来说,可以从预存的数据中获取上述映射关系,然后,查找出与该标签的数据相应的目标接口。基于该目标接口,按照上述动画起始数据、动画结束数据以及动画过渡数据,将动画数据映射到目标实现方法。
其中,动画结束数据可以包括动画的结束帧(动画结束的关键帧)对应的图像数据、属性数据及样式数据等等。动画过渡数据可以包括多个过渡帧(动画的开始帧与结束帧之间的多个图像帧)中每个过渡帧对应的图像数据、属性数据、样式数据以及过渡效果的相关数据等等。
在步骤103中,按照该目标实现方法呈现上述动画数据对应的动画效果。
在本实施例中,可以调用该目标实现方法,以呈现上述动画数据对应的动画效果。
本公开的上述实施例提供的动画效果的呈现方法,通过获取采用层叠样式表CSS描述的动画数据,采用预设组件将所述动画数据映射到目标实现方法,并按照该目标实现方法呈现动画数据对应的动画效果。从而能够使得CSS描述的所有动画数据均能够支持应用程序上的动画开发,简化了开发过程,提高了效率。
如图2所示,图2根据一示例性实施例示出的另一种动画效果的呈现方法的流程图,该实施例详细描述了采用预设组件将动画数据映射到目标实现方法的过程,该方法可以应用于终端设备中,执行主体可以是上述安装于终端设备的软件运行平台。该方法包括以下步骤:
在步骤201中,获取采用层叠样式表CSS描述的动画数据。
在步骤202中,采用预设组件从动画数据中包括的每个标签的数据中获取动画起始数据。
在步骤203中,采用预设组件从动画数据中包括的每个标签的数据中获取动画结束数据以及动画过渡数据。
在步骤204中,基于上述动画起始数据、动画结束数据以及动画过渡数据,将每个标签的数据映射到对应的目标实现方法。
在步骤205中,按照目标实现方法呈现动画数据对应的动画效果。
需要说明的是,对于与图1实施例中相同的步骤,在上述图2实施例中不再进行赘述,相关内容可参见图1实施例。
本公开的上述实施例提供的动画效果的呈现方法,通过获取采用层叠样式表CSS描述的动画数据,采用预设组件从动画数据中包括的每个标签的数据中获取动画起始数据、动画结束数据以及动画过渡数据。基于上述动画起始数据、动画结束数据以及动画过渡数据,将每个标签的数据映射到对应的目标实现方法,并按照目标实现方法呈现动画数据对应的动画效果。从而能够将CSS描述的动画数据中包括的每个标签的数据均映射到对应的目标实现方法,有助于简化开发过程,提高了效率。
如图3所示,是根据一示例性实施例示出的一种动画效果的呈现的应用场景示意图:在图3示出的应用场景中,框架301为针对web页面开发的软件运行平台,可以预先将该软件运行平台安装于终端中,该软件运行平台基于终端的操作系统运行。web网页程序模块302为web网页开发人员采用JavaScript脚本语言以及CSS编写出的web网页程序模块,其中,可以包括采用CSS描述的动画数据。web网页程序模块302可以基于框架301而运行。当框架301获取到web网页程序模块302中CSS描述的动画数据后,可以调用框架301中包括的组件303,组件303将web网页程序模块302中CSS描述的动画数据映射到操作系统native层304的目标实现方法,从而可以通过调用该目标实现方法呈现动画数据对应的动画效果。
应当注意,尽管在附图中以特定顺序描述了本公开方法的操作,但是,这并非要求或者暗示必须按照该特定顺序来执行这些操作,或是必须执行全部所示的操作才能实现期望的结果。相反,流程图中描绘的步骤可以改变执行顺序。附加地或备选地,可以省略某些步骤,将多个步骤合并为一个步骤执行,和/或将一个步骤分解为多个步骤执行。
与前述动画效果的呈现方法实施例相对应,本公开还提供了动画效果的呈现装置及其所应用的终端的实施例。
如图4所示,图4是本公开根据一示例性实施例示出的一种动画效果的呈现装置框图,该装置包括:获取模块401,映射模块402以及呈现模块403。
其中,获取模块401,被配置为获取采用层叠样式表CSS描述的动画数据。
映射模块402,被配置为采用预设组件将上述动画数据映射到目标实现方法。
呈现模块403,被配置为按照上述目标实现方法呈现该动画数据对应的动画效果。
如图5所示,图5是本公开根据一示例性实施例示出的另一种动画效果的呈现装置框图,该实施例在前述图4所示实施例的基础上,呈现模块403可以包括:映射子模块501。
其中,映射子模块501,被配置为采用预设组件将该动画数据中包括的每个标签的数据映射到对应的目标实现方法。
如图6所示,图6是本公开根据一示例性实施例示出的另一种动画效果的呈现装置框图,该实施例在前述图5所示实施例的基础上,映射子模块501可以包括:第一获取子模块601,第二获取子模块602和方法映射子模块603。
其中,针对每个标签的数据:
第一获取子模块601,被配置为采用上述预设组件从该标签的数据中获取动画起始数据。
第二获取子模块602,被配置为采用上述预设组件从该标签的数据中获取动画结束数据以及动画过渡数据。
方法映射子模块603,被配置为基于上述动画起始数据、动画结束数据以及动画过渡数据,将该标签的数据映射到对应的目标实现方法。
在一些可选实施方式中,第一获取子模块601被配置用于:当该标签的数据中包括预设的动画起始数据时,直接从该标签的数据中获取预设的动画起始数据。当该标签的数据中未包括预设的动画起始数据时,获取当前的显示数据作为动画起始数据。
在另一些可选实施方式中,该目标实现方法为基于native层的方法。
应当理解,上述装置可以预先设置在终端中,也可以通过下载等方式而加载到终端中。上述装置中的相应模块可以与终端中的模块相互配合以实现动画效果的呈现的方案。
对于装置实施例而言,由于其基本对应于方法实施例,所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本公开方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
相应的,本公开还提供一种终端,该终端包括有处理器;用于存储处理器可执行指令的存储器;其中,该处理器被配置为:
获取采用层叠样式表CSS描述的动画数据;
采用预设组件将所述动画数据映射到目标实现方法;
按照所述目标实现方法呈现所述动画数据对应的动画效果。
图7是根据一示例性实施例示出的一种动画效果的呈现装置9900的一结构示意图。例如,装置9900可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图7,装置9900可以包括以下一个或多个组件:处理组件9902,存储器9904,电源组件9906,多媒体组件9908,音频组件9910,输入/输出(I/O)的接口9912,传感器组件9914,以及通信组件9916。
处理组件9902通常控制装置9900的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理元件9902可以包括一个或多个处理器9920来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件9902可以包括一个或多个模块,便于处理组件9902和其他组件之间的交互。例如,处理组件9902可以包括多媒体模块,以方便多媒体组件9908和处理组件9902之间的交互。
存储器9904被配置为存储各种类型的数据以支持在装置9900的操作。这些数据的示例包括用于在装置9900上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器9904可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件9906为装置9900的各种组件提供电力。电源组件9906可以包括电源管理系统,一个或多个电源,及其他与为装置9900生成、管理和分配电力相关联的组件。
多媒体组件9908包括在所述装置9900和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件9908包括一个前置摄像头和/或后置摄像头。当装置9900处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件9910被配置为输出和/或输入音频信号。例如,音频组件9910包括一个麦克风(MIC),当装置9900处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器9904或经由通信组件9916发送。在一些实施例中,音频组件9910还包括一个扬声器,用于输出音频信号。
I/O接口9912为处理组件9902和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件9914包括一个或多个传感器,用于为装置9900提供各个方面的状态评估。例如,传感器组件9914可以检测到装置9900的打开/关闭状态,组件的相对定位,例如所述组件为装置9900的显示器和小键盘,传感器组件9914还可以检测装置9900或装置9900一个组件的位置改变,用户与装置9900接触的存在或不存在,装置9900方位或加速/减速和装置9900的温度变化。传感器组件9914可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件9914还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件9914还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器,微波传感器或温度传感器。
通信组件9916被配置为便于装置9900和其他设备之间有线或无线方式的通信。装置9900可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件9916经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件9916还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置9900可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器9904,上述指令可由装置9900的处理器9920执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中,上述计算机可读存储介质上存储有至少一条指令,所述指令可以由处理器加载并执行上述实施例中所提供的动画效果的呈现方法中所执行的操作。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (10)
1.一种动画效果的呈现方法,其特征在于,所述方法包括:
获取采用层叠样式表CSS描述的动画数据;
采用预设组件将所述动画数据映射到目标实现方法,包括:通过所述预设组件建立的映射关系查找出与所述动画数据中标签的数据对应的目标接口,并基于查找到的目标接口将所述动画数据映射到所述目标实现方法中,所述映射关系包含标签的数据与对应于该数据的目标接口,该目标接口为所述标签的数据所支持的实现方法采用的接口,所述目标实现方法为基于native层的方法;
按照所述目标实现方法在应用程序的native页面上呈现所述动画数据对应的动画效果。
2.根据权利要求1所述的方法,其特征在于,所述采用预设组件将所述动画数据映射到目标实现方法,包括:
采用预设组件将所述动画数据中包括的每个标签的数据映射到对应的目标实现方法。
3.根据权利要求2所述的方法,其特征在于,针对每个标签的数据,通过如下方式将该标签的数据映射到对应的目标实现方法:
采用所述预设组件从该标签的数据中获取动画起始数据;
采用所述预设组件从该标签的数据中获取动画结束数据以及动画过渡数据;
基于所述动画起始数据、所述动画结束数据以及所述动画过渡数据,将该标签的数据映射到对应的目标实现方法。
4.根据权利要求3所述的方法,其特征在于,所述采用所述预设组件从该标签的数据中获取动画起始数据,包括:
当该标签的数据中包括预设的动画起始数据时,直接从该标签的数据中获取所述预设的动画起始数据;
当该标签的数据中未包括预设的动画起始数据时,获取当前的显示数据作为所述动画起始数据。
5.一种动画效果的呈现装置,其特征在于,所述装置包括:
获取模块,被配置为获取采用层叠样式表CSS描述的动画数据;
映射模块,被配置为采用预设组件将所述动画数据映射到目标实现方法,包括:通过所述预设组件建立的映射关系查找出与所述动画数据中标签的数据对应的目标接口,并基于查找到的目标接口将所述动画数据映射到所述目标实现方法中,所述映射关系包含标签的数据与对应于该数据的目标接口,该目标接口为所述标签的数据所支持的实现方法采用的接口,所述目标实现方法为基于native层的方法;
呈现模块,被配置为按照所述目标实现方法在应用程序的native页面上呈现所述动画数据对应的动画效果。
6.根据权利要求5所述的装置,其特征在于,所述呈现模块包括:
映射子模块,被配置为采用预设组件将所述动画数据中包括的每个标签的数据映射到对应的目标实现方法。
7.根据权利要求6所述的装置,其特征在于,所述映射子模块包括:第一获取子模块,第二获取子模块和方法映射子模块;
针对每个标签的数据:
第一获取子模块,被配置为采用所述预设组件从该标签的数据中获取动画起始数据;
第二获取子模块,被配置为采用所述预设组件从该标签的数据中获取动画结束数据以及动画过渡数据;
方法映射子模块,被配置为基于所述动画起始数据、所述动画结束数据以及所述动画过渡数据,将该标签的数据映射到对应的目标实现方法。
8.根据权利要求7所述的装置,其特征在于,所述第一获取子模块被配置用于:
当该标签的数据中包括预设的动画起始数据时,直接从该标签的数据中获取所述预设的动画起始数据;
当该标签的数据中未包括预设的动画起始数据时,获取当前的显示数据作为所述动画起始数据。
9.一种终端,其特征在于,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取采用层叠样式表CSS描述的动画数据;
采用预设组件将所述动画数据映射到目标实现方法,包括:通过所述预设组件建立的映射关系查找出与所述动画数据中标签的数据对应的目标接口,并基于查找到的目标接口将所述动画数据映射到所述目标实现方法中,所述映射关系包含标签的数据与对应于该数据的目标接口,该目标接口为所述标签的数据所支持的实现方法采用的接口,所述目标实现方法为基于native层的方法;
按照所述目标实现方法在应用程序的native页面上呈现所述动画数据对应的动画效果。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如权利要求1至权利要求4任一项所述的动画效果的呈现方法中所执行的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710552643.0A CN107423060B (zh) | 2017-07-07 | 2017-07-07 | 动画效果的呈现方法、装置及终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710552643.0A CN107423060B (zh) | 2017-07-07 | 2017-07-07 | 动画效果的呈现方法、装置及终端 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107423060A CN107423060A (zh) | 2017-12-01 |
CN107423060B true CN107423060B (zh) | 2021-03-30 |
Family
ID=60426327
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710552643.0A Active CN107423060B (zh) | 2017-07-07 | 2017-07-07 | 动画效果的呈现方法、装置及终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107423060B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107967344B (zh) * | 2017-12-11 | 2020-07-14 | 上海携程商务有限公司 | 网页动画效果的实现方法、系统、设备及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102073502A (zh) * | 2011-01-11 | 2011-05-25 | 百度在线网络技术(北京)有限公司 | 一种利用web原生布局进行页面渲染的方法及装置 |
CN105094804A (zh) * | 2015-06-18 | 2015-11-25 | 北京奇虎科技有限公司 | 在页面中添加动画的方法和装置 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9575652B2 (en) * | 2012-03-31 | 2017-02-21 | Microsoft Technology Licensing, Llc | Instantiable gesture objects |
CN105607895B (zh) * | 2014-11-21 | 2021-03-02 | 阿里巴巴集团控股有限公司 | 一种基于应用程序编程接口的应用程序的运行方法和装置 |
CN106326299A (zh) * | 2015-07-02 | 2017-01-11 | 天脉聚源(北京)科技有限公司 | 一种智能终端显示特别效果的方法和系统 |
CN105955739A (zh) * | 2016-04-29 | 2016-09-21 | 腾讯科技(深圳)有限公司 | 一种图形界面的处理方法、装置和系统 |
-
2017
- 2017-07-07 CN CN201710552643.0A patent/CN107423060B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102073502A (zh) * | 2011-01-11 | 2011-05-25 | 百度在线网络技术(北京)有限公司 | 一种利用web原生布局进行页面渲染的方法及装置 |
CN105094804A (zh) * | 2015-06-18 | 2015-11-25 | 北京奇虎科技有限公司 | 在页面中添加动画的方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN107423060A (zh) | 2017-12-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109032606B (zh) | 原生应用程序的编译处理方法、装置及终端 | |
CN107423106B (zh) | 支持多框架语法的方法和装置 | |
EP3333690A2 (en) | Object starting method and device | |
CN110231901B (zh) | 应用界面显示方法及装置 | |
US9959487B2 (en) | Method and device for adding font | |
US20180341379A1 (en) | Application distribution method and device | |
CN106547547B (zh) | 数据采集方法及装置 | |
CN105808305B (zh) | 静态资源的加载方法和装置 | |
US10831514B2 (en) | Display method and device of application interface | |
CN107239351B (zh) | 粘贴方法及装置 | |
CN107402756B (zh) | 用于绘制页面的方法、装置及终端 | |
CN109886211B (zh) | 数据标注方法、装置、电子设备及存储介质 | |
CN110704059A (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN106155703B (zh) | 情绪状态的显示方法及装置 | |
CN109117144B (zh) | 页面处理方法、装置、终端及存储介质 | |
CN107450912B (zh) | 页面的布局方法、装置及终端 | |
CN112433724A (zh) | 目标组件的样式生成方法、装置、电子设备及存储介质 | |
CN107463372B (zh) | 一种数据驱动的页面更新方法和装置 | |
US20170308397A1 (en) | Method and apparatus for managing task of instant messaging application | |
US20190012299A1 (en) | Displaying page | |
CN110085066B (zh) | 展示阅读信息的方法、装置及电子设备 | |
CN108829473B (zh) | 事件响应方法、装置及存储介质 | |
CN106407458A (zh) | 获取浏览器应用程序的内容的方法和装置 | |
CN105468606B (zh) | 网页保存的方法及装置 | |
CN107368562B (zh) | 页面的显示方法、装置及终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |