一、动画效果
1.动效描述
2.关键点
3.实现方式
二、LinearGradient简介
三、代码功能实现
1.绘制闪光
2.两道闪光顺序出现
一、动画效果
1.动效描述
实现的动画效果主要就是,一束白光从图片或者文字上闪过,这束光由两道光组成,具体细节描述如下:
2.关键点
两道闪光,倾斜-330°,透明度、宽度不一样
两道闪光按顺序先后出现
3.实现方式
可以用FrameLayout,在背景图或文字上两个View,然后对这两个view做动画,控制时间、旋转角度等。这里主要讲怎么用LinearGradient来实现两道光闪过的动画效果。
二、LinearGradient简介
讲实现之前先认识下主角LinearGradient。LinearGradient作用是实现某一区域内颜色的线性渐变效果,网上相关资料也很多,这里就简单介绍下常用的构造函数:
public LinearGradient(float x0, float y0, float x1, float y1, int[] colors, float[] positions,Shader.TileMode tile)
注:Android中计算x,y坐标都是以屏幕左上角为原点,向右为x+,向下为y+
float x0:渐变起始点x坐标
float y0:渐变起始点y坐标
float x1:渐变结束点x坐标
float y1:渐变结束点y坐标
int[] colors:颜色 的int 数组
float[] positions: 相对位置的颜色数组,可为null,若为null,颜色沿渐变线均匀分布
Shader.TileMode tile: 渲染器平铺模式
Shader.TileMode有3种参数可供选择,分别为CLAMP、REPEAT和MIRROR:
CLAMP的作用是如果渲染器超出原始边界范围,则会复制边缘颜色对超出范围的区域进行着色
REPEAT的作用是在横向和纵向上以平铺的形式重复渲染位图
MIRROR的作用是在横向和纵向上以镜像的方式重复渲染位图
代码功能实现
1.绘制闪光
闪光的绘制由LinearGradient完成,通过改变其构造函数各个参数值,就能绘制出不同的光效果
(1)闪光倾斜-330°
调节渐变闪光的倾斜角度,需用LinearGradient构造函数中的x0,y0,x1,y1参数,即调节渐变的起始点,更多用法可参考Android中的LinearGradient。所以我们将这个4个参数设置成如下: