欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

详讲自定义动画的实现

程序员文章站 2022-06-18 18:26:37
动画只需要连续绘制图片就可以形成动画,那么就可以改变参数,使参数连续变化就可以形成动画了 以移动圆为例: //画大圆的paintprivate val paintBigCircle: Paint by lazy { Paint().apply { style = Paint.Style.FILL c ......

动画只需要连续绘制图片就可以形成动画,那么就可以改变参数,使参数连续变化就可以形成动画了

以移动圆为例:

//画大圆的paint
private val paintbigcircle: paint by lazy {
paint().apply {
style = paint.style.fill
color = color.red
}
}
canvas?.drawcircle(200f,200f,100,paintbigcircle)
绘制一个圆,前两个(200f,200f)是圆的中心位置,
现在需要圆在水平方向上的移动动画,就定义一个浮点数类型代替200f,
private var smallcirclex = 0f
将上面的绘制圆改成:
canvas?.drawcircle(smallcirclex,200f,100,paintbigcircle)
使得圆在水平方向上运动就只需要改变圆距离x轴的距离,也就是圆中心x的位置
这时就可以与valueanimator(属性动画,之前有写)连起来用,可通过监听
其数据变化,来赋值改变参数的变化
//小球移动的动画
valueanimatorsmallcircle = valueanimator.offloat(0f,5.5f*87.5f).apply {
duration = 1000l
repeatcount = infinite
addupdatelistener {
it.animatedvalue :是获取动画的value值,在这里就是0f,到5.5f*87.5f之间的值
val value = it.animatedvalue as float
smallcirclex = smallcirclebigx - value 将值赋给参数,改变其状态
invalidate() 刷新界面,这时就会重新调用ondraw方法,重新绘制,绘制的值就是新的smallcirclex的值,
整个过程连起来就行形成动画
}
}.start() //启动动画,启动的是valueanimatorsmallcircle的value值的变化