经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » Android » 查看文章
详讲自定义动画的实现
来源:cnblogs  作者:哎睡的懒洋洋  时间:2021/5/17 9:06:33  对本文有异议

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

以移动圆为例:

  1. //画大圆的paint
    private val paintBigCircle: Paint by lazy {
    Paint().apply {
    style = Paint.Style.FILL
    color = Color.RED
    }
    }
  1. canvas?.drawCircle(200f,200f,100,paintBigCircle)
    绘制一个圆,前两个(200f,200f)是圆的中心位置,
    现在需要圆在水平方向上的移动动画,就定义一个浮点数类型代替200f,
  1. private var smallCircleX = 0f
    将上面的绘制圆改成
    canvas?.drawCircle(smallCircleX,200f,100,paintBigCircle)
  1. 使得圆在水平方向上运动就只需要改变圆距离x轴的距离,也就是圆中心x的位置
    这时就可以与ValueAnimator(属性动画,之前有写)连起来用,可通过监听
    其数据变化,来赋值改变参数的变化
  1. //小球移动的动画
    valueAnimatorSmallCircle = ValueAnimator.ofFloat(0f,5.5f*87.5f).apply {
    duration = 1000L
    repeatCount = INFINITE
    addUpdateListener {
  1. it.animatedValue 是获取动画的value值,在这里就是0f,到5.5f*87.5f之间的值
  1. val value = it.animatedValue as Float
    smallCircleX = smallCircleBigX - value 将值赋给参数,改变其状态
    invalidate() 刷新界面,这时就会重新调用onDraw方法,重新绘制,绘制的值就是新的smallCircleX的值,
    整个过程连起来就行形成动画
    }
    }.start() //启动动画,启动的是valueAnimatorSmallCircle的value值的变化


原文链接:http://www.cnblogs.com/luofangli/p/14774207.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号