CN104750490B - 界面动画实现方法及系统 - Google Patents
界面动画实现方法及系统 Download PDFInfo
- Publication number
- CN104750490B CN104750490B CN201510145452.3A CN201510145452A CN104750490B CN 104750490 B CN104750490 B CN 104750490B CN 201510145452 A CN201510145452 A CN 201510145452A CN 104750490 B CN104750490 B CN 104750490B
- Authority
- CN
- China
- Prior art keywords
- animation
- bitmap
- interface
- window
- unit
- 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
- 238000000034 method Methods 0.000 title claims abstract description 64
- 230000009471 action Effects 0.000 claims abstract description 22
- 230000008569 process Effects 0.000 claims abstract description 20
- 238000005516 engineering process Methods 0.000 claims description 12
- 238000012546 transfer Methods 0.000 claims description 7
- 230000000694 effects Effects 0.000 abstract description 20
- 230000004048 modification Effects 0.000 abstract description 5
- 238000012986 modification Methods 0.000 abstract description 5
- 230000003993 interaction Effects 0.000 description 4
- 238000012544 monitoring process Methods 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 238000005549 size reduction Methods 0.000 description 2
- 238000005562 fading Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 230000008439 repair process Effects 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请提供了一种界面动画实现方法,包括以下步骤:根据当前界面的动画触发操作,创建所述动画触发操作对应的动画类;建立应用软件当前界面窗口和动画显示模块动画窗口的关联;获取当前界面中需要动画显示的位图信息;将所述位图信息作为配置信息传递给动画类,所述动画类调用动画显示模块中对应的动画单元实现动画显示。本申请还提供了一种实现前述方法的界面动画实现系统。本申请的界面动画实现方法及系统,能够简化动画效果的添加和修改过程。
Description
本发明专利申请是申请日为2012年3月28日、申请号为
201210086682.3、名称为“界面动画实现方法及系统”的中国发明专利申请的分案申请。
技术领域
本申请涉及计算机数据处理技术领域,特别是涉及一种界面动画实现方法及系统。
背景技术
在应用软件的界面上,一般会加入动画效果来丰富界面的表现。这些动画效果在技术实现上都需要界面库的支持。
现有的界面库来实现动画,一般都是在界面显示逻辑里,通过定时器,一帧一帧的显示动画的过程。整个动画逻辑,一般需要在界面库里实现。以一个有渐隐渐现效果的窗口为例,为了支持渐隐渐现动画效果,窗口需要设置为WS_EX_LAYERED风格,同时在定时器里设置窗口的透明度。但是,当需要修改动画效果时,则需要重新修改界面显示逻辑,重新修改定时器显示动画的过程才能更改动画效果。
为此,现有的方法,无论是对于动画效果的添加或者修改来说,都需要花费一个繁琐过程,且需要耗费较多的时间。
发明内容
本申请提供一种界面动画实现方法及系统,能够解决动画效果的添加和修改过程繁琐的问题。
为了解决上述问题,本申请公开了一种界面动画实现方法,包括以下步骤:
根据当前界面的动画触发操作,创建所述动画触发操作对应的动画类;
建立应用软件当前界面窗口和动画显示模块动画窗口的关联;
获取当前界面中需要动画显示的位图信息;
将所述位图信息作为配置信息传递给动画类,所述动画类调用动画显示模块中对应的动画单元实现动画显示。
进一步地,所述方法还包括:
利用不同的动画显示提示应用软件所具有的不同功能。
进一步地,所述动画类与动画显示模块中的动画单元一一对应,包括以下一种或几种:
所述动画类为移动类,所述动画显示模块中的动画单元为移动单元,所述动画显示为位图从起点移动到终点;
所述动画类为闪动类,所述动画显示模块中的动画单元为闪动单元,所述动画显示为位图在某个范围内晃动;
所述动画类为播放多帧图类,所述动画显示模块中的动画单元为播放多帧图单元,所述动画显示为包含多帧的位图依次按照时间间隔播放;
所述动画类为隐藏类,所述动画显示模块中的动画单元为隐藏单元,所述动画显示为位图逐渐隐藏。
进一步地,将所述位图信息作为配置信息传递给动画类,所述动画类调用动画显示模块中的动画单元实现动画显示包括:
动画类从调用的动画单元中获取用于实现对应动画显示的基本配置信息;
将所述基本配置信息和实时获取的位图信息相结合来实现动画显示。
进一步地,所述动画显示为位图从起点移动到终点,所述获取当前界面中需要动画显示的位图信息包括:
获取起点的位图编号、位图位置和位图尺寸;和
获取终点的位图编号、位图位置和位图尺寸。
进一步地,所述动画显示为位图从起点移动到终点过程中尺寸逐渐变小,所述起点的位图为当前界面的截图,所述终点的位图为所述截图对应的缩略图或图标;或
所述动画显示为位图从起点移动到终点过程中尺寸逐渐变大,所述起点的位图为图标或缩略图,所述终点的位图为所述图标或缩略图对应的截图。
进一步地,所述动画显示过程为位图在某个范围内晃动或位图逐渐隐藏或包含多帧的位图依次按照时间间隔播放,所述获取当前界面中需要动画显示的位图信息包括:获取需要动画显示的位图的编号和位置。
进一步地,所述位图逐渐隐藏采用如下方式实现:
增加位图的透明度;或
缩小位图的尺寸。
进一步地,所述建立当前界面窗口和动画窗口的关联包括:
将当前界面窗口和动画窗口分别指定为父窗口和子窗口;或
采用子类化技术关联当前界面窗口和动画窗口。
进一步地,所述方法还包括:
根据当前界面的动画终止操作,终止动画显示。
进一步地,所述当前界面的动画终止操作包括界面所属应用软件关闭和/或转至后台运行。
为了解决上述问题,本申请还公开了一种界面动画实现系统,包括:
动画类创建模块,用于根据界面的动画触发操作,创建所述动画触发操作对应的动画类;
关联模块,用于建立应用软件当前界面窗口和动画显示模块动画窗口的关联;
位图信息获取模块,用于获取当前界面中需要动画显示的位图信息;
信息传递模块,用于将所述位图信息作为配置信息传递给动画类,所述动画类调用动画显示模块中对应的动画单元实现动画显示;
动画显示模块,用于提供动画窗口和实现动画显示的动画单元。
进一步地,所述动画显示模块包括以下一种或几种动画单元,所述每一动画单元中预先设定了实现对应动画的基本配置信息:
移动单元,用于实现的动画显示为位图从起点移动到终点;
闪动单元,用于实现的动画显示为位图在某个范围内晃动;
播放多帧图单元,用于实现的动画显示为包含多帧的位图依次按照时间间隔播放;
隐藏单元,用于实现的动画显示为位图逐渐隐藏。
进一步地,所述信息传递模块包括:
基本配置信息获取单元,用于从调用的动画单元中获取用于实现对应动画显示的基本配置信息;
信息结合单元,用于将所述基本配置信息和实时获取的位图信息相结合来实现动画显示。
进一步地,所述位图信息获取模块包括:
起点位图信息获取单元,用于获取起点的位图编号、位图位置和位图尺寸;和
终点位图信息获取单元,用于获取终点的位图编号、位图位置和位图尺寸。
进一步地,所述隐藏单元包括:
透明度增加子单元,用于增加位图的透明度;或
位图尺寸缩减子单元,用于缩小位图的尺寸。
进一步地,所述关联模块包括:
父子关联单元,用于将当前界面窗口和动画窗口分别指定为父窗口和子窗口;或
子类化关联单元,用于采用子类化技术关联当前界面窗口和动画窗口。
进一步地,所述系统还包括:
动画显示终止模块,用于根据当前界面的动画终止操作,终止动画显示。
与现有技术相比,本申请包括以下优点:
本申请的界面动画实现方法和系统通过将动画显示模块作为独立的系统,只需要将应用软件与动画显示模块进行结合,实现数据交互。当某个应用软件需要进行动画显示时,只需要创建动画显示模块中的动画单元对应的动画类,并通过接口,输入配置参数的方式来调用其中实现对应动画的方法,即可以由动画显示模块独立完成动画显示。动画显示的实现过程简单,当需要修改动画显示效果时,也只需要修改接口参数即可,操作简单,便于修改。另外,动画的显示源为位图,可以由应用软件实时从操作系统中获取。
当然,实施本申请的任一产品不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请的界面动画实现方法实施例一的流程图;
图2是本申请的界面动画实现方法实施例二的流程图;
图3是本申请的界面动画实现的具体实例方法的流程图;
图4是本申请的界面动画实现系统实施例一的结构示意图;
图5是本申请的界面动画实现系统实施例二的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员所获得的所有其他实施例,都属于本申请保护的范围。
参照图1,示出本申请的一种界面动画实现方法实施例一,包括以下步骤:
步骤101,根据当前界面的动画触发操作,创建所述动画触发操作对应的动画类。
界面触发操作是指能够触发界面动画显示的操作。动画触发操作由界面所属的应用软件预先定义,例如,在界面的何处或者什么操作发生时,需要对应展示什么样的动画。在界面所属应用软件的使用过程中,只要监测到界面中的动画触发操作发生,便可以进行动画类的创建操作。界面可以是任何应用软件的界面,例如,浏览器、音乐播放器、视频播放器等等应用程序。具体来说,比如,当浏览器界面中,某一窗口关闭时需要进行动画显示,则可以将窗口关闭操作设置为动画触发操作,只要监测到有窗口关闭,则初始化窗口关闭对应的动画类。
动画类即动画效果显示的形式,例如,移动类,其动画效果为使指定的位图从一个位置移动到另一个位置(可以直线移动,也可以曲线移动)。闪动类,其动画效果为使指定的位图在一个某个范围内晃动。又如,播放多帧图类,其动画效果为使包含多帧的位图依次按照时间间隔播放。隐藏类,其动画效果为使位图逐渐隐藏。其中,可以通过设置位图的透明度或者缩小位图的尺寸来实现。例如,按照一定比例,间隔一定时间增加位图的透明度,或者按照一定比例,间隔一定时间缩小位图的尺寸。具体的动画类还可以根据实际需要来设定,本申请对此并不限定。动画类的通过接口调用动画显示模块中对应的动画单元来实现,各个动画单元中定义了实现对应动画的方法。其中,动画类与动画显示模块中的动画单元一一对应。动画类所需要实现的动画显示效果通过动画显示模块中的动画单元来完成。具体的,如前所述的动画类,相应的动画显示模块的动画单元包括移动单元、闪动单元、播放多帧图单元和隐藏单元。
各个动画单元中设定了实现动画的基本配置信息,例如,移动单元的基本配置信息可以包括移动的速度、路径(直线或曲线)、移动时间、移动起点透明度和终点透明度等等。闪动单元的基本配置信息可以包括晃动的幅度、速度等等。又如,播放多帧图单元的基本配置信息可以包括重复次数、每帧间隔时间等等。隐藏单元的基本配置信息可以包括透明度增加速度和每次增量或者尺寸缩小速度和每次的缩小量。当然,因为这些基本配置信息是为了确定动画显示的具体形式,可以保持不变,也可以根据需要在动画显示模块中进行更改,例如,可以根据一定的算法动态调整。
步骤102,建立应用软件当前界面窗口和动画显示模块动画窗口的关联。
本申请的界面窗口和动画窗口为分层窗口,因此需要使动画窗口与当前界面窗口关联起来,才能保证动画显示的准确性。建立当前界面窗口和动画窗口的关联可以是采用父子关系进行关联,也可以利用操作系统中的子类化技术来实现关联。父子关系实现关联,即,将界面窗口和动画窗口分别指定为父窗口和子窗口。子类化技术实现关联,即,将创建一个新的窗口消息处理过程,用其替换被子类化窗口的原有窗口消息处理过程。这样通过新的窗口过程就可以接收到被子类化的窗口的所有消息。动画窗口会子类化界面窗口,从而能够获取到动画类所需要的动画显示的消息:比如移动,隐藏,大小改变等。
建立界面窗口和动画窗口的关联具体可以采用如下方式来实现,假设当前界面窗口为父窗口,动画窗口为子窗口,则可以将当前界面窗口的窗口标识(例如,窗口句柄)传递给动画窗口,从而建立起二者的关联。
通过分层窗口的方式来展示动画,可以使动画显示模块与界面库相互独立。
步骤103,获取当前界面中需要动画显示的位图信息。
本申请界面窗口的显示源为位图,位图来源为单帧或者多帧图片(比如:窗口界面的截图,或者通过图形算法生成的位图)。界面所属软件可以从操作系统中获取当前界面窗口的位图信息。位图信息至少包括位图标识(例如位图编号、位图句柄等等),根据不同的动画类还可以包括其他的信息。例如,动画类为移动类,动画显示为位图从起点移动到终点,则位图信息可以包括起点的位图编号、位置、尺寸,以及终点的位图编号、位置和尺寸等等。具体的,若动画显示为位图从起点移动到终点过程中尺寸逐渐变小,那么起点的位图为当前界面的截图,终点的位图为截图对应的缩略图或图标;若动画显示为位图从起点移动到终点过程中尺寸逐渐变大,那么起点的位图为图标或缩略图,终点的位图为图标或缩略图对应的截图。若动画类为闪动类、播放多帧图类或隐藏类,分别需要显示的动画为位图在某个范围内晃动或包含多帧的位图依次按照时间间隔播放或位图逐渐隐藏,则位图信息可以包括位图编号和当前位置坐标、位图大小等等。
优选地,为了简化位图信息,对于位图位置坐标和位图大小可以采用四点坐标的方式来表示,即将任何一个位图都看成长方形,获取其四个顶点的坐标。通过这四个坐标便可以确定位图的位置以及尺寸。可以理解,也可以采用其他方式,例如圆形,获取圆心坐标以及半径长度便可以确定位图位置和大小。
步骤104,将所述位图信息作为配置信息传递给动画类,所述动画类调用动画显示模块中对应的动画单元实现动画显示。
配置信息即为接口参数,动画类在通过接口调用动画显示模块中对应的动画单元所定义的动画实现方法后,添加这些接口参数便可以实现对应动画显示。
本申请的界面动画实现方法通过将动画显示模块作为独立的系统,只需要将应用软件与动画显示模块进行结合,实现数据交互。当某个应用软件需要进行动画显示时,只需要创建动画显示模块中的动画单元对应的动画类,并通过接口,输入配置参数的方式来调用其中实现对应动画的方法,即可以由动画显示模块独立完成动画显示。动画的显示源为位图,可以由应用软件实时从操作系统中获取。另外,因为动画显示窗口与界面窗口基于窗口分层技术,采用分层窗口实现,所以二者是完全是独立的,动画显示无需修改界面库中原本的逻辑关系,而是独立于界面库,在新的窗口层展示。所以可以实现不用修改界面库便能显示动画效果。并且动画效果可以跨越界面窗口,在整个屏幕的任意位置展现。
其中,动画显示可以用于提高应用软件的趣味性,还可以用于提醒功能。例如,采用不同的动画显示来提示应用软件所具有的不同功能。例如,以浏览器为例,当关闭一个页面时,通过页面逐渐缩小并进入浏览器对应的垃圾桶按钮中的动画显示来提示用户,关闭的页面被放入垃圾桶中。
参照图2,示出本申请的界面动画实现方法实施例二,还包括以下步骤:
步骤201,根据当前界面的动画终止操作,终止动画显示。
其中,界面的动画终止操作可以是界面所属应用软件关闭或转至后台运行等操作。此时可以将动画终止操作传递给动画显示模块,从而终止当前动画显示。例如,当浏览器的某个窗口正在进行动画显示时,此时浏览器被关闭,则该窗口的动画也需要随之终止。此时,浏览器可以将关闭操作转化为指令,通过浏览器与动画显示模块的接口传递给动画显示模块,动画显示模块便会停止当前动画显示。可以理解,也可以由动画显示模块实现自动监测,监测到对应操作时,便主动终止当前动画显示。例如,动画显示模块监测到浏览器需要关闭,便可以主动停止当前动画显示。
下面结合具体的实例对前述动画显示的应用进行详细说明。
假设以浏览器需要进行动画显示为例。首先,对浏览器进行预先设置,以与动画显示模块结合,进行数据交互。
实例一:浏览器中某一页面关闭时,若需要实现页面关闭时将页面移动到浏览器垃圾桶按钮里的动画效果,从而起到提醒用户该关闭的页面被放入垃圾桶中的作用,则可以使用移动类动画。动画显示模块可以预先设定位图移动的速度、透明度、路径等参数。其中,页面关闭操作即为动画触发操作。
参照图3,该动画具体的实现过程如下:
步骤301,根据页面关闭操作,创建页面关闭操作对应的移动类。
步骤302,建立浏览器当前界面窗口和动画显示模块的动画窗口的关联。
步骤303,获取移动起点的位图信息和移动终点的位图信息。
起点位图即为当前页面截图,其位图信息包括页面截图编号、尺寸和位置。终点位图可以为页面截图的缩略图,也可以是页面图标,其位图信息包括缩略图或页面图标编号、尺寸和位置。
步骤304,将起点位图信息和终点位图信息传递给移动类,移动类调用动画显示模块中的移动单元,并获取其中的基本配置信息来实现页面移动到垃圾桶按钮里的动画显示。
移动单元的基本配置信息包括移动速度、位图透明度、路径等等,例如,为了体现出被关闭的页面进入垃圾桶按钮的状态,可以将终点位图在移动路径的终点处的透明度设置为100%,即完全透明,相当于隐藏了该位图。同时,可以附加垃圾桶按钮的动画显示,即当终点位图在移动路径的终点隐藏的同时,设置垃圾桶开启的动画显示。
优选地,对于前述实例一,还可以有更进一步地应用。
当用户点击垃圾桶按钮时,还可以从垃圾桶里抛出一个页面图标的动画,最后图标在界面上展开为一个页面的标签(这个页面是历史记录里的最后一个),同时标签对应的页面也加载展示。这个过程体现了垃圾桶按钮恢复页面的功能。对于此动画显示的实现与前述方法类似,在此不再赘述。
另外,垃圾桶按钮的下拉菜单里,提供一个选项,来控制是否允许浏览器记录关闭的网站,如果不允许记录,关闭网页时,就不会显示动画,否则的话,就显示动画,这样让用户能够直观的了解并且控制自己的访问记录。
实例二:浏览器中新增了某些按钮,为了使用户注意到这些按钮,则可以通过使用闪动类动画的方式,例如用一个闪动的手指指向按钮的动画。动画显示模块可以预先设定闪动的幅度、频率等参数,浏览器只需要提供按钮位置的位图信息给动画显示模块,便可以实现该动画。其中,打开浏览器为动画触发操作,具体的实现过程为:
当用户打开浏览器后,即实现了动画触发操作,浏览器则会创建该动画触发操作对应的闪动类,接着,浏览器建立浏览器的当前界面窗口与动画显示模块的动画窗口的关联,并获取需要进行闪动的位图信息(例如手指),具体包括位图编号和位置信息,此处,因为每次闪动都是用的这个位图,所以,可以该位图编号和位置信息可以直接从系统中获取。闪动类会接着调用动画显示模块中对应的闪动单元,获取其中的基本配置信息,例如闪动幅度和频率等等,再结合位图编号和位置信息,即可以实现一个闪动的手指指向按钮的动画,从而起到提醒用户该浏览器所具有的新功能的作用。
实例三:浏览器页面底部若需要出现提示条来提示用户一些信息。例如,采用提示条从浏览器页面边缘滑出的动画显示效果,通过对窗口截图,截取提示条,并提供提示条的位图信息给动画显示模块,便可以实现该动画,起到提醒用户浏览器有相关信息的作用。
可以理解,还可以前述实例类推,本申请的应用并不局限于此。另外,应用软件也并不局限于浏览器,还可以是其他任何的应用软件,只要能够采用前述方法实现动画显示即可。
参照图4,示出本申请的界面动画实现系统实施例一,包括动画类创建模块10、关联模块20、位图信息获取模块30、信息传递模块40和动画显示模块50。
动画类创建模块10,用于根据界面的动画触发操作,创建所述动画触发操作对应的动画类。优选地,动画类创建模块10包括以下一种或几种单元:移动类初始化单元,用于初始化实现将位图从一个位置移动到另一位置的移动类;闪动类初始化单元,用于初始化实现将位图在某个范围内晃动的闪动类;播放多帧图类初始化单元,用于初始化实现将包含多帧的位图依次按照时间间隔播放的播放多帧图类。
关联模块20,用于建立应用软件当前界面窗口和动画显示模块动画窗口的关联。优选地,关联模块20包括父子关联单元或子类化关联单元。父子关联单元,用于将当前界面窗口和动画窗口分别指定为父窗口和子窗口。子类化关联单元,用于将当前界面窗口和动画窗口采用子类化技术关联。
位图信息获取模块30,用于获取当前界面中需要动画显示的位图信息。优选地,位图信息获取模块30包括起点位图信息获取单元,用于获取起点的位图编号、位图位置和位图尺寸;和终点位图信息获取单元,用于获取终点的位图编号、位图位置和位图尺寸。
信息传递模块40,用于将所述位图信息作为配置信息传递给动画类,所述动画类调用动画显示模块中对应的动画单元实现动画显示。优选地,信息传递模块40还包括基本配置信息获取单元,用于从调用的动画单元中获取用于实现对应动画显示的基本配置信息,和信息结合单元,用于将所述基本配置信息和实时获取的位图信息相结合来实现动画显示。
动画显示模块50,用于提供动画窗口和实现动画显示的动画单元。其中,动画显示模块包括以下一种或几种动画单元,每一动画单元中预先设定了实现对应动画的基本配置信息。移动单元,用于实现的动画显示为位图从起点移动到终点。闪动单元,用于实现的动画显示为位图在某个范围内晃动。播放多帧图单元,用于实现的动画显示为包含多帧的位图依次按照时间间隔播放。隐藏单元,用于实现的动画显示为位图逐渐隐藏。这些动画单元与动画类一一对应,即移动单元与移动类对应,用于实现移动动画,闪动单元与闪动类对应,用于实现闪动动画,播放多帧图单元与播放多帧图类对应,用于实现多帧播放位图的动画,隐藏单元与隐藏类对应,用于实现隐藏位图的动画。
优选地,隐藏单元透明度增加子单元,用于增加位图的透明度;或位图尺寸缩减子单元,用于缩小位图的尺寸。
参照图5,示出本申请的界面动画实现系统实施例二,该系统还包括动画显示终止模块60,用于根据界面的动画终止操作,终止动画显示。其中,界面的动画终止操作可以是由界面所属软件监测后传递给动画显示模块。也可以由动画显示模块主动监测。
本申请的界面动画实现系统通过将动画显示模块作为独立的系统,只需要将应用软件与动画显示模块进行结合,实现数据交互。当某个应用软件需要进行动画显示时,只需要创建动画显示模块中的动画单元对应的动画类,并通过接口,输入配置参数的方式来调用其中实现对应动画的方法,即可以由动画显示模块独立完成动画显示。动画的显示源为位图,可以由应用软件实时从操作系统中获取。另外,因为动画显示窗口与界面窗口基于窗口分层技术,采用分层窗口实现,所以二者是完全是独立的,动画显示无需修改界面库中原本的逻辑关系,而是独立于界面库,在新的窗口层展示。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置或系统实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的装置及系统实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上对本申请所提供的界面动画实现方法及系统进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。
Claims (16)
1.一种界面动画实现方法,其特征在于,包括以下步骤:
根据当前界面的动画触发操作,创建所述动画触发操作对应的动画类;
建立应用软件当前界面窗口和动画显示模块动画窗口的关联;
获取当前界面中需要动画显示的位图信息;
将所述位图信息作为配置信息传递给动画类,所述动画类调用动画显示模块中对应的动画单元实现动画显示;
根据当前界面的动画终止操作,终止动画显示。
2.如权利要求1所述的界面动画实现方法,其特征在于,所述方法还包括:
利用不同的动画显示提示应用软件所具有的不同功能。
3.如权利要求1或2所述的界面动画实现方法,其特征在于,所述动画类与动画显示模块中的动画单元一一对应,包括以下一种或几种:
所述动画类为移动类,所述动画显示模块中的动画单元为移动单元,所述动画显示为位图从起点移动到终点;
所述动画类为闪动类,所述动画显示模块中的动画单元为闪动单元,所述动画显示为位图在某个范围内晃动;
所述动画类为播放多帧图类,所述动画显示模块中的动画单元为播放多帧图单元,所述动画显示为包含多帧的位图依次按照时间间隔播放;
所述动画类为隐藏类,所述动画显示模块中的动画单元为隐藏单元,所述动画显示为位图逐渐隐藏。
4.如权利要求3所述的界面动画实现方法,其特征在于,将所述位图信息作为配置信息传递给动画类,所述动画类调用动画显示模块中的动画单元实现动画显示包括:
动画类从调用的动画单元中获取用于实现对应动画显示的基本配置信息;
将所述基本配置信息和实时获取的位图信息相结合来实现动画显示。
5.如权利要求4所述的界面动画实现方法,其特征在于,所述动画显示为位图从起点移动到终点,所述获取当前界面中需要动画显示的位图信息包括:
获取起点的位图编号、位图位置和位图尺寸;和
获取终点的位图编号、位图位置和位图尺寸。
6.如权利要求5所述的界面动画实现方法,其特征在于,所述动画显示为位图从起点移动到终点过程中尺寸逐渐变小,所述起点的位图为当前界面的截图,所述终点的位图为所述截图对应的缩略图或图标;或
所述动画显示为位图从起点移动到终点过程中尺寸逐渐变大,所述起点的位图为图标或缩略图,所述终点的位图为所述图标或缩略图对应的截图。
7.如权利要求4所述的界面动画实现方法,其特征在于,所述动画显示过程为位图在某个范围内晃动或位图逐渐隐藏或包含多帧的位图依次按照时间间隔播放,所述获取当前界面中需要动画显示的位图信息包括:获取需要动画显示的位图的编号和位置。
8.如权利要求3所述的界面动画实现方法,其特征在于,所述位图逐渐隐藏采用如下方式实现:
增加位图的透明度;或
缩小位图的尺寸。
9.如权利要求1或2所述的界面动画实现方法,其特征在于,所述建立当前界面窗口和动画窗口的关联包括:
将当前界面窗口和动画窗口分别指定为父窗口和子窗口;或
采用子类化技术关联当前界面窗口和动画窗口。
10.如权利要求1所述的界面动画实现方法,其特征在于,所述当前界面的动画终止操作包括界面所属应用软件关闭和/或转至后台运行。
11.一种界面动画实现系统,其特征在于,包括:
动画类创建模块,用于根据界面的动画触发操作,创建所述动画触发操作对应的动画类;
关联模块,用于建立应用软件当前界面窗口和动画显示模块动画窗口的关联;
位图信息获取模块,用于获取当前界面中需要动画显示的位图信息;
信息传递模块,用于将所述位图信息作为配置信息传递给动画类,所述动画类调用动画显示模块中对应的动画单元实现动画显示;
动画显示模块,用于提供动画窗口和实现动画显示的动画单元;
动画显示终止模块,用于根据当前界面的动画终止操作,终止动画显示。
12.如权利要求11所述的界面动画实现系统,其特征在于,所述动画显示模块包括以下一种或几种动画单元,所述每一动画单元中预先设定了实现对应动画的基本配置信息:
移动单元,用于实现的动画显示为位图从起点移动到终点;
闪动单元,用于实现的动画显示为位图在某个范围内晃动;
播放多帧图单元,用于实现的动画显示为包含多帧的位图依次按照时间间隔播放;
隐藏单元,用于实现的动画显示为位图逐渐隐藏。
13.如权利要求12所述的界面动画实现系统,其特征在于,所述信息传递模块包括:
基本配置信息获取单元,用于从调用的动画单元中获取用于实现对应动画显示的基本配置信息;
信息结合单元,用于将所述基本配置信息和实时获取的位图信息相结合来实现动画显示。
14.如权利要求13所述的界面动画实现系统,其特征在于,所述位图信息获取模块包括:
起点位图信息获取单元,用于获取起点的位图编号、位图位置和位图尺寸;和
终点位图信息获取单元,用于获取终点的位图编号、位图位置和位图尺寸。
15.如权利要求14所述的界面动画实现系统,其特征在于,所述隐藏单元包括:
透明度增加子单元,用于增加位图的透明度;或
位图尺寸缩减子单元,用于缩小位图的尺寸。
16.如权利要求11所述的界面动画实现系统,其特征在于,所述关联模块包括:
父子关联单元,用于将当前界面窗口和动画窗口分别指定为父窗口和子窗口;或
子类化关联单元,用于采用子类化技术关联当前界面窗口和动画窗口。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510145452.3A CN104750490B (zh) | 2012-03-28 | 2012-03-28 | 界面动画实现方法及系统 |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510145452.3A CN104750490B (zh) | 2012-03-28 | 2012-03-28 | 界面动画实现方法及系统 |
CN201210086682.3A CN102662664B (zh) | 2012-03-28 | 2012-03-28 | 界面动画实现方法及系统 |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210086682.3A Division CN102662664B (zh) | 2012-03-28 | 2012-03-28 | 界面动画实现方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104750490A CN104750490A (zh) | 2015-07-01 |
CN104750490B true CN104750490B (zh) | 2018-12-28 |
Family
ID=46772165
Family Applications (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510145452.3A Active CN104750490B (zh) | 2012-03-28 | 2012-03-28 | 界面动画实现方法及系统 |
CN201210086682.3A Active CN102662664B (zh) | 2012-03-28 | 2012-03-28 | 界面动画实现方法及系统 |
Family Applications After (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210086682.3A Active CN102662664B (zh) | 2012-03-28 | 2012-03-28 | 界面动画实现方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (2) | CN104750490B (zh) |
Families Citing this family (20)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103049256B (zh) * | 2012-11-30 | 2016-12-21 | 安科智慧城市技术(中国)有限公司 | 位图的建模方法、装置及在位图上进行交互的方法、装置 |
CN104142776A (zh) * | 2013-07-18 | 2014-11-12 | 腾讯科技(深圳)有限公司 | 一种图标处理方法及装置 |
CN104572771B (zh) * | 2013-10-25 | 2020-07-28 | 腾讯科技(深圳)有限公司 | 处理状态展示方法及装置 |
CN104063241B (zh) * | 2014-06-05 | 2017-07-18 | 广东威创视讯科技股份有限公司 | 宿主程序与com组件的图像同步显示的方法与系统 |
CN104391699B (zh) * | 2014-11-10 | 2017-06-30 | 北京元心科技有限公司 | 一种多窗口层的动态处理方法及系统 |
CN105701124A (zh) * | 2014-11-28 | 2016-06-22 | 阿里巴巴集团控股有限公司 | 一种提供提示信息的方法及装置 |
CN106548504B (zh) * | 2015-09-23 | 2020-09-11 | 腾讯科技(深圳)有限公司 | 网页动画生成方法及装置 |
CN105446593B (zh) * | 2015-11-12 | 2018-09-11 | 网易(杭州)网络有限公司 | 一种游戏动态图标控制方法及装置 |
CN105631918A (zh) * | 2015-12-25 | 2016-06-01 | 北京像素软件科技股份有限公司 | 一种模拟三维物体运动的方法和系统 |
CN105630510A (zh) * | 2016-02-04 | 2016-06-01 | 腾讯科技(深圳)有限公司 | 应用页面的动画处理方法和装置 |
CN106020601A (zh) * | 2016-05-16 | 2016-10-12 | 乐视控股(北京)有限公司 | 一种界面显示的管理方法和装置 |
CN106055210A (zh) * | 2016-06-24 | 2016-10-26 | 宇龙计算机通信科技(深圳)有限公司 | 一种图标的处理方法以及装置 |
CN106445332A (zh) * | 2016-09-05 | 2017-02-22 | 深圳Tcl新技术有限公司 | 图标显示方法及系统 |
CN106528093A (zh) * | 2016-10-18 | 2017-03-22 | 天脉聚源(北京)传媒科技有限公司 | 一种播放动画的方法及装置 |
CN106445317A (zh) * | 2016-10-21 | 2017-02-22 | 北京小米移动软件有限公司 | 菜单栏的显示方法和装置 |
CN107153704A (zh) * | 2017-05-11 | 2017-09-12 | 腾讯科技(深圳)有限公司 | 一种页面显示方法及其设备、存储介质、终端 |
CN108021366B (zh) * | 2017-12-04 | 2020-10-16 | 携程旅游信息技术(上海)有限公司 | 界面动画实现方法、装置、电子设备、存储介质 |
CN108090176A (zh) * | 2017-12-15 | 2018-05-29 | 上海器魂智能科技有限公司 | 基于网页的动画显示方法、装置、设备及存储介质 |
CN109432785A (zh) * | 2018-09-17 | 2019-03-08 | 深圳点猫科技有限公司 | 一种基于编程语言接入智齿客服的方法以及电子设备 |
CN113254131A (zh) * | 2021-05-20 | 2021-08-13 | 北京有竹居网络技术有限公司 | 一种页面背景展示方法及装置 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101630329A (zh) * | 2009-08-24 | 2010-01-20 | 孟智平 | 一种网页中视频元素与网页元素互动的方法及系统 |
CN101882321A (zh) * | 2009-05-08 | 2010-11-10 | 上海科泰世纪科技有限公司 | 动画用户界面渲染系统及方法 |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060129933A1 (en) * | 2000-12-19 | 2006-06-15 | Sparkpoint Software, Inc. | System and method for multimedia authoring and playback |
TWI288362B (en) * | 2005-10-21 | 2007-10-11 | Ming-Jang Chen | Visualized animation elements generative method of computer executable |
US8566717B2 (en) * | 2008-06-24 | 2013-10-22 | Microsoft Corporation | Rendering teaching animations on a user-interface display |
CN102043618B (zh) * | 2009-10-22 | 2013-05-22 | 北大方正集团有限公司 | 一种窗口对象显示样式的控制方法及装置 |
KR101631273B1 (ko) * | 2009-10-26 | 2016-06-17 | 삼성전자주식회사 | Ui 애니메이션 제공 방법 및 장치 |
CN102053867B (zh) * | 2009-10-28 | 2015-06-17 | 腾讯科技(深圳)有限公司 | 一种动态切换图片的方法和装置 |
CN101980154B (zh) * | 2010-11-02 | 2014-01-08 | 深圳市融创天下科技股份有限公司 | 一种界面控件树的创建和绘制的方法、系统及移动终端 |
-
2012
- 2012-03-28 CN CN201510145452.3A patent/CN104750490B/zh active Active
- 2012-03-28 CN CN201210086682.3A patent/CN102662664B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101882321A (zh) * | 2009-05-08 | 2010-11-10 | 上海科泰世纪科技有限公司 | 动画用户界面渲染系统及方法 |
CN101630329A (zh) * | 2009-08-24 | 2010-01-20 | 孟智平 | 一种网页中视频元素与网页元素互动的方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN102662664A (zh) | 2012-09-12 |
CN104750490A (zh) | 2015-07-01 |
CN102662664B (zh) | 2015-06-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104750490B (zh) | 界面动画实现方法及系统 | |
CN107797657B (zh) | 用于生成触觉输出的设备、方法和图形用户界面 | |
US8990688B2 (en) | Proactive user interface including evolving agent | |
EP1522920B1 (en) | Proactive user interface including emotional agent | |
WO2021155686A1 (zh) | 一种制作动画的方法、装置、计算设备及存储介质 | |
Efroni et al. | Reactive animation: Realistic modeling of complex dynamic systems | |
CN104049866A (zh) | 一种移动终端及其分屏的实现方法和装置 | |
US20050143138A1 (en) | Proactive user interface including emotional agent | |
EP1528464A2 (en) | Proactive user interface including evolving agent | |
CN107508961A (zh) | 一种活动窗口启动方法、终端及计算机可读存储介质 | |
CN107632706A (zh) | 多模态虚拟人的应用数据处理方法和系统 | |
WO2023030010A1 (zh) | 交互方法、电子设备及存储介质 | |
CN107180444A (zh) | 一种动画生成方法、装置、终端和系统 | |
KR20120045744A (ko) | 체험형 학습 콘텐츠 저작 장치 및 방법 | |
CN102508609A (zh) | 一种控制电脑应用程序窗口显示与隐藏的方法 | |
CN106792197A (zh) | 一种视频播放区域布局的切换方法及系统 | |
CN106471444A (zh) | 一种虚拟3d机器人的交互方法、系统及机器人 | |
CN106471572A (zh) | 一种同步语音及虚拟动作的方法、系统及机器人 | |
CN105955935A (zh) | 一种文字控件的实现方法及其装置 | |
CN107623622A (zh) | 一种发送语音动画的方法及电子设备 | |
CN107844195A (zh) | 基于Intel RealSense的汽车虚拟驾驶应用的开发方法及系统 | |
CN106302932A (zh) | 在通信终端中查看通讯记录的方法和设备 | |
WO2024007655A1 (zh) | 一种社交处理方法及相关设备 | |
CN104915208B (zh) | 应用程序头图显示控制方法和装置 | |
CN107229470A (zh) | 一种系统字体切换方法、移动终端以及计算机可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20220721 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |
|
TR01 | Transfer of patent right |