美文网首页
意想不到的属性动画效果

意想不到的属性动画效果

作者: 笑对浮华 | 来源:发表于2020-10-08 17:24 被阅读0次

今天在逛简书的时候被一个标题吸引力,高仿余额宝数字动画效果,立马打开支付宝余额宝看了看,不知道是不是因为数字只有个位数的原因,没看到啥动画效果,恰好文章里的效果图只截取了一张图片,看不到具体的gif效果。所以好奇心驱使下,自己照着写了写,没想到不经意间接触到了属性动画的新知识,下面来具体看一看,文末有我学习的文章链接。
首先放上效果动图:

数字动画效果图
要是没看到这篇文章之前,我估计会一脸懵,完全不知道实现的思路。看了文章后新世界的大门被打开了,当即心里就感叹,这个效果竟然是用\color{#ff0000}{属性动画}来实现的,之前写过一篇关于属性动画的文章(安卓属性动画),里面介绍了属性动画的简单应用,比如常用的位移、缩放、旋转、透明度以及组合动画等,在这之前也知道属性动画的对象(target)不一定非得是view,可以是任何对象,通过设置属性值(propertyName)来实现不同的动画效果。今天终于对这句话有了更深刻的认识和理解,因为上面的效果就是通过设置属性值为number来实现的,非常神奇,下面贴上属性动画的代码:
val animator = ObjectAnimator.ofFloat(text,"number",0f,100000000f)
animator.duration = 2000
animator.interpolator = AccelerateDecelerateInterpolator()
animator.addUpdateListener {
     text.text = String.format(CountNumberView.FLOATREGEX, it.animatedValue as Float)
}
animator.start()

图中第二个TextView是我知道原理后自己写的一个,上面那个就是从别人文章里直接copy过来看效果的,文章链接:https://www.jianshu.com/p/bcc91ef2f3ed


又学习到一个新东西,特此记录一下。

相关文章

  • 意想不到的属性动画效果

    今天在逛简书的时候被一个标题吸引力,高仿余额宝数字动画效果,立马打开支付宝余额宝看了看,不知道是不是因为数字只有个...

  • [Android动画]属性动画-小球下落动画实现

    属性动画 属性动画是通过直接改变View属性,实现的动画效果。与补间动画不同的是,属性动画是对象的属性的真实改变,...

  • Android属性动画基础篇

    1、什么是属性动画 简单来说就是通过改变对象属性而形成的动画效果。 2、为什么使用属性动画 我们知道,在属性动画之...

  • 属性动画animator

    属性动画和传统动画的区别 传统动画只是具有显示的效果,不会正真改变位置、属性动画则相反 传统动画的写法 属性动画的...

  • Android动画之属性动画

    属性动画和补间动画的不同之处就是它通过动态改变对象的属性从而达到动画效果,它可以对任何对象做动画,并且动画效果也得...

  • Android UI——Material Design——属性动

    属性动画 什么是属性动画 属性动画是从3.0及以后出现的,可以不断的控制控件的属性变化达到动画的效果,一般我们是一...

  • 属性动画

    定义 通过不断控制 值 的变化,再不断 手动 赋给对象的属性,从而实现动画效果 使用 已有属性动画 组合属性动画 ...

  • ios动画学习

    1、默认的Layer都是有隐式的动画的,修改属性会产生动画的效果,而UIView设置属性的时候不会产生动画的效果,...

  • iOS 动画

    一、CALayer CALayer很多属性在修改时都能形成动画效果(不需要借助动画类),这种属性称为“隐式动画属性...

  • CoreAnimation | 核心动画 | 粒子动画 | 点赞

    效果展示 效果分析 图片变了大小变了爆炸效果(CAEmitterLayer) 属性创建 粒子动画初始化以及属性之间...

网友评论

      本文标题:意想不到的属性动画效果

      本文链接:https://www.haomeiwen.com/subject/kzdhpktx.html