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动画的使用——属性动画,大牛整理 -> 正文阅读

[移动开发]Android动画的使用——属性动画,大牛整理

ObjectAnimator内部的工作机制并不是直接对我们传入的属性名进行操作的,而是会去寻找这个控件中属性名对应的get和set方法,如下图:

很明显,Button这个控件存在?setRotation() 和?setAlpha() 方法,所以我们的参数可以写?“rotation” 和?“alpha”。

  • translationX

从上图中我们可以看到 Button 这个控件也存在?setTranslationX() 这个方法,所以我们的第二个参数可以设置成 “translationX”


float curPos = btn_test.getTranslationX();

ObjectAnimator alpha = ObjectAnimator.ofFloat(btn_test, "translationX", curPos,-500,curPos);

alpha.setDuration(3000);

alpha.start();

效果展示

是不是很开心,我们成功了。

有人可能会粗心的把 “translationX” 写成 “translation” 你会发现编译器这一步就会报错

根据我们的推理理论不难知道,Button都没有?translation 的 set 和 get 方法,那你当然是调用不了的。看到这里,是不是恍然大悟了。

  • 组合动画

实现组合动画功能主要需要借助AnimatorSet这个类,这个类提供了一个play()方法,如果我们向这个方法中传入一个Animator对象(ValueAnimator或ObjectAnimator)将会返回一个AnimatorSet.Builder的实例,AnimatorSet.Builder中包括以下四个方法:

  • after(Animator anim) ? 将现有动画插入到传入的动画之后执行 ,即 anim 先执行,现有(前面已经传入的动画)动画后执行。

  • after(long delay) ? 将现有动画延迟指定毫秒后执行

  • before(Animator anim) ? 将现有动画插入到传入的动画之前执行

  • with(Animator anim) ? 将现有动画和传入的动画同时执行

好的,有了这四个方法,我们就可以完成组合动画的逻辑了,就可以这样写:


btn_test = findViewById(R.id.btn_test);

ObjectAnimator translationX = ObjectAnimator.ofFloat(btn_test, "translationX",

                btn_test.getTranslationX(), -800f, btn_test.getTranslationX());

ObjectAnimator scaleY = ObjectAnimator.ofFloat(btn_test, "scaleY", 1f, 3f, 1f);

ObjectAnimator alpha = ObjectAnimator.ofFloat(btn_test, "alpha", 1f, 0f, 1f);

AnimatorSet animatorSet = new AnimatorSet();

animatorSet.play(translationX).with(scaleY).before(alpha).after(3000);

animatorSet.setDuration(3000);

animatorSet.start();

效果展示:

关键代码讲解:


animatorSet.play(translationX).with(scaleY).before(alpha).after(3000);



意思如下:

translationX 就为现有动画 与 scaleY 同时播放。

延时 3 秒 之后执行现有动画

在 alpha 之前播放 现有动画,然后再播放 alpha 

Animator监听器


animatorSet.addListener(new Animator.AnimatorListener() {

            @Override

            public void onAnimationStart(Animator animation) {

                //动画开始时调用

            }



            @Override

            public void onAnimationEnd(Animator animation) {

                //动画结束时调用

            }



            @Override

            public void onAnimationCancel(Animator animation) {

                //动画取消是调用

            }



            @Override

            public void onAnimationRepeat(Animator animation) {

                //动画重复时调用

            }

});

细心的同学会发现,我们每次实现? AnimatorListener 这个接口都得实现这四种方法,这样肯定不行,解决方法如下,实例化他的实现类:


animatorSet.addListener(new AnimatorListenerAdapter() {

            @Override

            public void onAnimationStart(Animator animation) {

                super.onAnimationStart(animation);

            }

});

AnimatorListenerAdapter 这个类帮我们把?AnimatorListener?这个接口的所有方法都做了实现,所以我们需要哪个方法重写即可。

使用XML编写动画


我们可以使用代码来编写所有的动画功能,这也是最常用的一种做法。不过,过去的补间动画除了使用代码编写之外也是可以使用XML编写的,因此属性动画也提供了这一功能,即通过XML来完成和代码一样的属性动画功能。

通过XML来编写动画可能会比通过代码来编写动画要慢一些,但是在?重用方面 将会变得非常轻松,比如某个将通用的动画编写到XML里面,我们就可以在各个界面当中轻松去重用它。

如果想要使用XML来编写动画,首先要在res目录下面新建一个animator文件夹,所有属性动画的XML文件都应该存放在这个文件夹当中。然后在XML文件中我们一共可以使用如下三种标签:

  • ?对应代码中的ValueAnimator

  • ?对应代码中的ObjectAnimator

  • ?对应代码中的AnimatorSet

那么比如说我们想要实现一个从0到100平滑过渡的动画,在XML当中就可以这样写:


<animator xmlns:android="http://schemas.android.com/apk/res/android"



android:valueFrom="0"



android:valueTo="100"



android:valueType="intType"/>

而如果我们想将一个视图的alpha属性从1变成0,就可以这样写:


<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"



android:valueFrom="1"



android:valueTo="0"



android:valueType="floatType"



android:propertyName="alpha"/>

其实XML编写动画在可读性方面还是挺高的,上面的内容相信不用我做解释大家也都看得懂吧。

另外,我们也可以使用XML来完成复杂的组合动画操作,比如将一个视图先从屏幕外移动进屏幕,然后开始旋转360度,旋转的同时进行淡入淡出操作,就可以这样写:


<set xmlns:android="http://schemas.android.com/apk/res/android"

    android:ordering="sequentially" >

 

    <objectAnimator

        android:duration="2000"

        android:propertyName="translationX"

        android:valueFrom="-500"

        android:valueTo="0"

        android:valueType="floatType" >

    </objectAnimator>

 

    <set android:ordering="together" >

        <objectAnimator

            android:duration="3000"

            android:propertyName="rotation"

            android:valueFrom="0"

            android:valueTo="360"

            android:valueType="floatType" >

        </objectAnimator>

 

        <set android:ordering="sequentially" >

            <objectAnimator

                android:duration="1500"

                android:propertyName="alpha"

                android:valueFrom="1"

                android:valueTo="0"

                android:valueType="floatType" >

            </objectAnimator>

            <objectAnimator

                android:duration="1500"

                android:propertyName="alpha"

                android:valueFrom="0"

                android:valueTo="1"

                android:valueType="floatType" >

            </objectAnimator>

        </set>

    </set>

 

</set>

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-09-06 11:16:17  更:2021-09-06 11:18:11 
 
开发: 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/23 17:12:31-

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