IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Android 属性动画Animator -> 正文阅读

[移动开发]Android 属性动画Animator

做个记录,之前项目中用得比较少
一、Activity中代码段

 /**
     * 动态生成ValueAnimator
     * 执行后不断改变view得最小宽度
     */
    private fun animationBigger() {
        //属性从300递增到500
        val anim = ValueAnimator.ofInt(300, 400).apply {
            this.duration = 2000 //执行时长
            this.repeatCount = 0
            this.repeatMode = ValueAnimator.RESTART
        }
        anim.addUpdateListener {
            // 获得改变后的值
            val currentValue = it.animatedValue as Int
            // 步骤4:将改变后的值赋给对象的属性值,下面会详细说明
            binding.btn1.minWidth = currentValue
            // 步骤5:刷新视图,即重新绘制,从而实现动画效果
            binding.btn1.requestLayout();
        }
        anim.addListener(object : Animator.AnimatorListener {
            override fun onAnimationStart(animation: Animator?) {
            }

            override fun onAnimationEnd(animation: Animator?) {
                startAnimset()
            }

            override fun onAnimationCancel(animation: Animator?) {
            }

            override fun onAnimationRepeat(animation: Animator?) {
            }
        })
        anim.start()//开始执行动画
        startAnimXml()
    }

    /**
     * 动态生成ObjectAnimator,AnimatorSet
     * 执行:沿Y轴旋转后位移300
     */
    private fun startAnimset() {
        val anim = ObjectAnimator.ofFloat(binding.btn1, "translationX", 0f, 300f)
        val animRotate = ObjectAnimator.ofFloat(binding.btn1, "rotationY", 0f, 360f)
        val animatorSet = AnimatorSet()
        animatorSet.playSequentially(anim)
        animatorSet.duration = 2000
        //通过animatorSet的play方法获取  感兴趣的话 可以都试试 看一下效果
        animatorSet.play(anim).after(animRotate)
        /**
         * 系统自带BounceInterpolator,AccelerateInterpolator加速,DecelerateInterpolator减速,LinearInterpolator匀速
         * CycleInterpolator(0.5f)来回,OvershootInterpolator
         * http://inloop.github.io/interpolator/ 插值器示例
         */
        animatorSet.interpolator = MInterpolator(0.5f)//自定义插值器
//        animatorSet.interpolator = CycleInterpolator(0.5f)
//        animatorSet.interpolator = OvershootInterpolator(2.0f)

        animatorSet.addListener(object : Animator.AnimatorListener {
            override fun onAnimationStart(animation: Animator?) {
            }

            override fun onAnimationEnd(animation: Animator?) {
//                translate()//重复执行
            }

            override fun onAnimationCancel(animation: Animator?) {
            }

            override fun onAnimationRepeat(animation: Animator?) {
            }
        })

        animatorSet.start()
    }

    private var startTime = 0L

    /**
     * 根据静态文件生成Animator
     * 执行:旋转后位移
     * 注意:静态文件配置得duration并不完全生效(有一定得效果)
     */
    private fun startAnimXml() {
        AnimatorInflater.loadAnimator(this, R.animator.anim_first).apply {
            this.setTarget(binding.text)
            this.interpolator = LinearInterpolator()
//            this.startDelay = 5000//start后延迟5秒执行
//            this.duration = 10000;//生效
            this.addListener(object : Animator.AnimatorListener {
                override fun onAnimationStart(animation: Animator?) {
                    startTime = System.currentTimeMillis()
                    "开始执行".d()
                }

                override fun onAnimationEnd(animation: Animator?) {
                    "timelong=${(System.currentTimeMillis() - startTime)}".d()
                }

                override fun onAnimationCancel(animation: Animator?) {
                }

                override fun onAnimationRepeat(animation: Animator?) {
                }
            })
        }.start()
    }

二、自定义插值器

import android.animation.TimeInterpolator
import kotlin.math.pow
import kotlin.math.sin

/**
 * @author Liushihua
 * @date 2022-5-17 16:51
 * @desc
 */
class MInterpolator(var factor: Float = 0.15f) : TimeInterpolator {
    // 因子数值越小振动频率越高
    override fun getInterpolation(input: Float): Float {
        return (2.0.pow(-10 * input.toDouble()) * sin((input - factor / 4) * (2 * Math.PI) / factor) + 1).toFloat()
    }
}

三、values中新建animator文件夹,anim_first.xml

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially">
    <!-- sequentially按顺序执行 together同时执行 -->
    <objectAnimator
        android:duration="5000"
        android:propertyName="rotation"
        android:valueFrom="0"
        android:valueTo="360" />
    <objectAnimator
        android:duration="7000"
        android:propertyName="translationX"
        android:valueFrom="0"
        android:valueTo="560" />
</set>

参考:
https://blog.csdn.net/weixin_45558166/article/details/110310651
https://www.jianshu.com/p/39ee86df9e5a

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-05-21 19:06:35  更:2022-05-21 19:07:36 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 1:39:56-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码