zoukankan      html  css  js  c++  java
  • 详讲自定义动画的实现

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

    以移动圆为例:

    //画大圆的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值的变化


  • 相关阅读:
    近来感受
    GIT相关命令
    CMMI评审总结
    Windows下Git Bash的设置
    PHP学习三--常用运算符和结构语句
    PHP学习二--常量
    MYSQL基础十一--存储引擎
    MYSQL基础十--存储过程
    MYSQL基础九--自定义函数
    MYSQL基础八--子查询和连接
  • 原文地址:https://www.cnblogs.com/luofangli/p/14774207.html
Copyright © 2011-2022 走看看