一种动画效果的实现方法
技术领域
本发明涉及一种动画效果的实现方法。
背景技术
随着现代科技的不断发展,移动终端的功能越来越强大,其展示界面也越来越艳丽,用户对交互界面的美观性和趣味性也提出了越来越高的要求。目前,现有的界面展现方式大多只能通过单独的图片或动态图片进行效果展示,或者根据用户的操作在平面上进行简单的平移或旋转等。
传统的动画效果主要是通过在很小的范围内对图像进行按序列的填充,或者利用区域分割修改显示坐标来实现区域的大面积滚动来实现动画效果。但这些方法的图像展示方式单一,交互性差,缺乏趣味性,降低了用户体验。
发明内容
本发明为解决上述问题,提供了一种动画效果的实现方法,以增强界面的视觉效果,提升用户体验。
为实现上述目的,本发明采用的技术方案为:
一种动画效果的实现方法,其特征在于,包括以下步骤:
10.初始化视图,并得到视图宽度和高度;
20.根据所述的视图宽度、高度以及待绘制的等边三角形的行数,计算得到待绘制的等边三角形的尺寸参数;
30.根据视图的宽度、高度及等边三角形的尺寸参数计算得到所有待绘制的等边三角形的X轴和Y轴坐标参数及坐标数据量;
40.根据视图的背景场景得到背景颜色参数,并初始化设置待绘制的等边三角形的颜色参数、透明度参数、亮度参数;
50.根据所述的尺寸参数、坐标参数、颜色参数、透明度参数及亮度参数,随机抽取一组预设数量的坐标数据量进行等边三角形的绘制,在预设的时间间隔之后,再次随机抽取另一组预设数量的坐标数据量重新进行等边三角形的绘制,如此循环刷新绘制得到闪烁的动画效果。
优选的,所述的步骤50中,所述的待绘制的等边三角形的透明度参数是固定不变的,随机抽取一组预设数量的坐标数据量进行等边三角形的绘制,在预设的时间间隔之后,该组等边三角形消失,并再次随机抽取另一组预设数量的坐标数据量重新进行等边三角形的绘制,如此循环刷新绘制得到棱镜闪烁的动画效果。
优选的,所述的步骤50中,所述的待绘制的等边三角形的透明度参数是逐渐变小的,随机抽取一组预设数量的坐标数据量进行等边三角形的绘制,在预设的时间间隔之后,该组等边三角形消失,并再次随机抽取另一组预设数量的坐标数据量重新进行等边三角形的绘制,如此循环刷新绘制得到类似宝石闪烁的动画效果。
优选的,在所述的等边三角形的绘制图层的下方图层还设有分割线蒙版。
优选的,所述的步骤50中,在同一组的等边三角形的绘制可以是同时绘制的,或是根据预设的绘制顺序进行绘制的。
优选的,所述的步骤50中,所述的预设数量的坐标数据量在每一组中是不相同的,随机抽取一组相邻区域的预设数量的坐标数据量进行等边三角形的绘制,在预设的时间间隔之后,再次从该相邻区域中抽取局部的预设数量的坐标数据量重新进行等边三角形的绘制,如此循环刷新绘制得到闪烁的动画效果。
优选的,所述的一组相邻区域的预设数量为N个,循环刷新时每组从该相邻区域中依次抽取N-i个等边三角形的坐标数据量,其中i的范围为1至N-1,循环一次结束后再从i=1开始循环,如此循环刷新绘制得到类似鳞片翻转的动画效果。
优选的,所述的步骤20中的等边三角形的尺寸参数包括等边三角形的高度和边长。
优选的,所述的步骤30中根据视图的宽度、高度及等边三角形的尺寸参数计算得到所有待绘制的等边三角形的X轴和Y轴坐标参数及坐标数据量,进一步包括:
31.根据视图的宽度、高度及等边三角形的尺寸参数计算得到第一行居中的等边三角形的X轴和Y轴坐标参数;
32.根据第一行居中的等边三角形的X轴和Y轴坐标参数依次推算得到每一行居中的等边三角形X轴和Y轴坐标参数;
33.根据每一行居中的等边三角形的坐标参数推算得到每一行居中的两侧的等边三角形的坐标参数,从而得到所有待绘制的等边三角形的X轴和Y轴坐标参数及坐标数据量。
本发明的有益效果是:
本发明的一种动画效果的实现方法,其根据视图宽度、高度以及待绘制的等边三角形的行数,计算得到待绘制的等边三角形的尺寸参数、坐标参数及坐标数据量,并根据视图的背景场景得到背景颜色参数,并初始化设置待绘制的等边三角形的颜色参数、透明度参数、亮度参数,然后根据上述参数随机抽取一组预设数量的坐标数据量进行等边三角形的绘制,在预设的时间间隔之后,再次随机抽取另一组预设数量的坐标数据量重新进行等边三角形的绘制,如此循环刷新绘制得到闪烁的动画效果,通过自定义视图的绘制刷新机制来增强界面的视觉效果,并且算法简单不占用太多内存,特别适用于安卓系统的移动终端的动画效果应用,提升了用户体验。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本发明的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1为本发明一种动画效果的实现方法的流程简图;
图2为实现本发明的棱镜闪烁动画效果的流程简图;
图3为根据图2流程得到的棱镜闪烁动画效果示意图;
图4为实现本发明的类似宝石闪烁动画效果的流程简图;
图5为根据图4流程得到的类似宝石闪烁动画效果示意图;
图6为实现本发明的类似鳞片翻转动画效果的流程简图;
图7为根据图6流程得到的类似鳞片翻转动画效果示意图。
具体实施方式
为了使本发明所要解决的技术问题、技术方案及有益效果更加清楚、明白,以下结合附图及实施例对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本发明,并不用于限定本发明。
如图1所示,本发明的一种动画效果的实现方法,其包括以下步骤:
10.初始化视图,并得到视图宽度和高度;
20.根据所述的视图宽度、高度以及待绘制的等边三角形的行数,计算得到待绘制的等边三角形的尺寸参数;
30.根据视图的宽度、高度及等边三角形的尺寸参数计算得到所有待绘制的等边三角形的X轴和Y轴坐标参数及坐标数据量;
40.根据视图的背景场景得到背景颜色参数,并初始化设置待绘制的等边三角形的颜色参数、透明度参数、亮度参数;
50.根据所述的尺寸参数、坐标参数、颜色参数、透明度参数及亮度参数,随机抽取一组预设数量的坐标数据量进行等边三角形的绘制,在预设的时间间隔之后,再次随机抽取另一组预设数量的坐标数据量重新进行等边三角形的绘制,如此循环刷新绘制得到闪烁的动画效果。
在第一具体实施例中,如图2所示,其与前述步骤的区别之处在于,所述的步骤50中,所述的待绘制的等边三角形的透明度参数是固定不变的,随机抽取一组预设数量的坐标数据量进行等边三角形的绘制,在预设的时间间隔之后,该组等边三角形消失,并再次随机抽取另一组预设数量的坐标数据量重新进行等边三角形的绘制,如此循环刷新绘制得到棱镜闪烁的动画效果,如图3所示;本实施例中,所述的步骤30中计算得到的所有坐标数据量为50个坐标点,所述的步骤50中每次随机抽取其中的10个坐标点进行绘制,所述的预设的时间间隔优选为300毫秒。
在第二具体实施例中,如图4所示,其与前述步骤的区别之处在于,所述的步骤50中,所述的待绘制的等边三角形的透明度参数是逐渐变小的,随机抽取一组预设数量的坐标数据量进行等边三角形的绘制,在预设的时间间隔之后,该组等边三角形消失,并再次随机抽取另一组预设数量的坐标数据量重新进行等边三角形的绘制,如此循环刷新绘制得到类似宝石闪烁的动画效果;本实施例中,所述的预设数量的坐标数据量为10个,在随机绘制10个等边三角形之后,利用安卓移动平台透明度渐变动画接口,让这10个等边三角形的透明度逐渐变小,在这10个等边三角形完全消失之后,再随机取10个绘制,如此刷新循环,实现类似宝石闪烁的动画效果,并在所述的等边三角形的绘制图层的下方图层还设有分割线蒙版,如图5所示。
所述的步骤50中,在同一组的等边三角形的绘制可以是同时绘制的,或是根据预设的绘制顺序进行绘制的。例如,在第三具体实施例中,如图6所示,其与前述步骤的区别之处在于,所述的步骤50中,所述的预设数量的坐标数据量在每一组中是不相同的,随机抽取一组相邻区域的预设数量的坐标数据量进行等边三角形的绘制,在预设的时间间隔之后,再次从该相邻区域中抽取局部的预设数量的坐标数据量重新进行等边三角形的绘制,如此循环刷新绘制得到闪烁的动画效果。本实施例中,所述的一组相邻区域的预设数量为N个,循环刷新时每组从该相邻区域中依次抽取N-i个等边三角形的坐标数据量,其中i的范围为1至N-1,循环一次结束后再从i=1开始循环,如此循环刷新绘制得到类似鳞片翻转的动画效果,如图7所示。
上述各个实施例中,所述的步骤20中的等边三角形的尺寸参数包括等边三角形的高度和边长;所述的步骤30中根据视图的宽度、高度及等边三角形的尺寸参数计算得到所有待绘制的等边三角形的X轴和Y轴坐标参数及坐标数据量,进一步包括:
31.根据视图的宽度、高度及等边三角形的尺寸参数计算得到第一行居中的等边三角形的X轴和Y轴坐标参数;
32.根据第一行居中的等边三角形的X轴和Y轴坐标参数依次推算得到每一行居中的等边三角形X轴和Y轴坐标参数;
33.根据每一行居中的等边三角形的坐标参数推算得到每一行居中的两侧的等边三角形的坐标参数,从而得到所有待绘制的等边三角形的X轴和Y轴坐标参数及坐标数据量。
本发明是基于MeiOS2.0音乐小工具动画效果的产品需求,由于在现有的安卓系统移动终端平台上并没有相应的动画效果实现接口,且此动画效果目前也没有人去实现,因此本发明通过自定义视图的绘制刷新机制来实现此特效,以满足产品需求,实现此动画的最终目的是增强界面视觉效果,提升用户体验。
上述说明示出并描述了本发明的优选实施例,应当理解本发明并非局限于本文所披露的形式,不应看作是对其他实施例的排除,而可用于各种其他组合、修改和环境,并能够在本文发明构想范围内,通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本发明的精神和范围,则都应在本发明所附权利要求的保护范围内。