当前位置：移动技术网 > IT编程>开发语言>Java > Android进阶之光笔记四：动画

Android进阶之光笔记四：动画

2020年07月23日 | 移动技术网IT编程 | 我要评论

一、补间动画（Tween Animation）

1、概念

Tween Animation就是一系列View形状的变换，如大小的缩放、透明度的改变、水平位置的改变、旋转位置改变，动画的定义既可以用java代码定义也可以用XML定义。

2、用xml资源实现补间动画

1）在res/anim/目录下创建动画资源文件，在其中定义需要的动画

XML文件的根元素为<set> ， 二级节点可为<alpha>,<scale>,<translate>,<rotate>

2）在代码中加载动画资源

Animation animation = AnimationUtils.loadAnimation(this, R.anim.***);

3）开启动画

 ***.startAnimation(animation);

3、透明度动画(AlphaAnimation)

1）用xml资源

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha android:fromAlpha="1"
        android:toAlpha="0"
        android:fillAfter="true"
        android:repeatMode="reverse"
        android:repeatCount="1"
        android:duration="2000"
        android:interpolator="@android:anim/linear_interpolator"/>
</set>

属性	描述
android:repeatMode	用于设置动画的重复方式，可为reverse(反向)或restart(重新开始)
android:repeatCount	用于设置动画的重复次数，可以是infinite(无限循环)
android:duration	用于指定持续的时间，单位为毫秒
android:fromAlpha	用于指定动画开始时的透明度。值为0.0代表完全透明，值为1.0代表完全不透明
android:toAlpha	用于指定动画结束时的透明度。值为0.0代表完全透明，值为1.0代表完全不透明
android:interpolotor	于控制动画的变化速度，使用动画效果可以匀速、加速、减速或抛物线速度等各种速度变化

android:interpolotor的常用属性值

属性	描述
@android:anim/linear_interpolator	动画一直在做匀速改变
@android:anim/accelerate_interpolator	在动画开始的地方改变速度较慢，然后开始加速
@android:anim/decelerate_interpolator	在动画开始的地方改变速度较快，然后开始减速
@android:anim/accelerate_decelerate_interpolator	动画在开始和结束的地方改变速度较慢，在中间的时候加速
@android:anim/cycle_interpolator	动画循环播放特定的次数，速率改变沿着正弦曲线
@android:anim/bounce_interpolator	动画结束的地方采用弹球效果
@android:anim/anticipate_interpolator	在动画开始的地方先向后退一小步，再快速到达动画结束的地方
@android:anim/overshoot_interpolator	动画快速到达终点,并超出一小步最后回到动画结束的地方
@android:anim/anticipate_overshoot_interpolator	在动画开始的地方先向后退一小步，再开始动画，到结束的地方再超出一小步，最后回到动画结束的地方

2）用java代码实现

//romAlpha：开始透明度。取值范围（全透明0.0f~不透明1.0f）
//toAlpha：结束透明度。 取值范围（全透明0.0f~不透明1.0f）
AlphaAnimation(float fromAlpha, float toAlpha)

4、缩放动画(ScaleAnimation)

1）用xml资源

<?xml version="1.0" encoding="utf-8"?>
<set  xmlns:android="http://schemas.android.com/apk/res/android">

    <scale android:fromXScale="1"
        android:interpolator="@android:anim/decelerate_interpolator"
        android:fromYScale="1"
        android:toXScale="2.0"
        android:toYScale="2.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="true"
        android:repeatCount="1"
        android:repeatMode="reverse"
        android:duration="2000"/>
</set>

属性	描述
android:fromXScale	用于指定动画开始时水平方向上的缩放系数,值为1.0表示不变化
android:toXScale	用于指定动画结束时水平方向上的缩放系数,值为1.0表示不变化
android:fromYScale	用于指定动画开始时垂直方向上的缩放系数,值为1.0表示不变化
android:toYScale	用于指定动画结束时垂直方向上的缩放系数,值为1.0表示不变化
android:pivotX	用于指定轴心点X轴坐标，50%代表相对父容器的位置
android:pivotY	用于指定轴心点Y轴坐标

2）用java代码实现

// fromX：开始缩放的X轴倍数。如1.0f：本身大小；如2.0f：从自己两倍开始
// toX：结束缩放的X轴倍数。
// fromY：开始缩放的Y轴倍数。
// toY：结束缩放的Y轴倍数。
// pivotXType：X轴缩放中心点类型；可选值有：
		Animation.RELATIVE_TO_SELF相对自己--常用
		Animation.RELATIVE_TO_PARENT相对父窗体
		Animation.ABSOLUTE 绝对的---不常用
// pivotXValue：在pivotXType的基础上，X轴缩放中心的位置。如：0.5f：缩放中心就在控件的一半的位置。如果是0.0f，则会在控件本身的左边位置
// pivotYType：X轴缩放中心点类型；同上 ...
// pivotYValue：在pivotYType的基础上，Y轴缩放中心的位置。
ScaleAnimation(float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

5、旋转动画(RotateAnimation)

1）用xml资源

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate
        android:interpolator="@android:anim/accelerate_interpolator"
        android:fromDegrees="0"
        android:toDegrees="720"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="2000">
    </rotate>
</set>

属性	描述
android:fromDegrees	用于指定动画开始时旋转的角度
android:toDegrees	用于指定动画结束时旋转的角度

2）用java代码实现

//fromDegrees：开始旋转的角度；三点方向为0度，六点方向为90度。
//toDegrees：结束旋转的角度
//pivotXType：参照缩放动画
//pivotXValue：参照缩放动画
//pivotYType：参照缩放动画
//pivotYValue：参照缩放动画
RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

6、平移动画(TranslateAnimation)

1）用xml资源

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0"
        android:toXDelta="320"
        android:fromYDelta="0"
        android:toYDelta="0"
        android:fillAfter="true"
        android:repeatMode="reverse"
        android:repeatCount="1"
        android:duration="2000">
    </translate>
</set>

属性	描述
android:fromXDelta	用于指定动画开始时水平方向上的起始位置
android:toXDelta	用于指定动画结束时水平方向上的起始位置
android:fromYDelta	用于指定动画开始时垂直方向上的起始位置
android:toYDelta	用于指定动画结束时垂直方向上的起始位置

2）用java代码实现

//fromXType：开始平移的X轴参照位置，一般使用Animation.RELATIVE_TO_SELF
//fromXValue：X轴平移的开始倍数。在fromXType的基础上。
//toXType：结束平移的X轴参照位置
//toXValue：X轴平移的结束倍数。
//fromYType：开始平移的Y轴参照位置
//fromYValue：Y轴平移的开始倍数。
//toYType：结束平移的Y轴参照位置
//toYValue：Y轴平移的结束倍数。
TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue)

二、帧动画（Frame Animation）

1、概念

就像GIF图片，通过一系列Drawable依次显示来模拟动画的效果。

2、实现

1）新建一个drawable资源以animation-list 为根节点创建资源文件

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false"><!--oneshot：是否只执行一次-->
    <item
        android:drawable="@drawable/ic_launcher_foreground"
        android:duration="200" />
</animation-list>

2）给ImageView或者其他View设置关联drawable。可以作为background或src。

//把Drawable设置为ImageView的背景
iv.setBackgroundResource(R.drawable.anim_frame);

3）在java代码中，通过View.getBackground()或者ImageView.getDrawable()，得到已经关联View的Drawable对象，转成AnimationDrawable对象。,然后调用AnimationDrawable.start()方法开始动画。

//拿到这个我们定义的Drawable，实际也就是AnimationDrawable
AnimationDrawable animationDrawable = (AnimationDrawable) iv.getBackground();
animationDrawable.start();//开启动画

三、属性动画（Property Animation）

1、概念

自Android 3.0版本开始，系统给我们提供了一种全新的动画模式，属性动画(property animation)，它的功能非常强大，弥补了之前补间动画的一些缺陷，几乎是可以完全替代掉补间动画了。

2、属性动画与补间动画的区别

最大的区别是补间动画就算控件移动到任何位置，控件本身位置还是不变。而属性动画是直接改变控件的位置。

3、ObjectAnimator

ObjectAnimator是属性动画最重要的类,创建一个ObjectAnimator只需通过其静态工厂类直接返还一个ObjectAnimator对象。
使用如下：

// target：需要执行动画的组件
// propertyName：动画类型名字
// values：一组动画变化过程的值。
ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(iv, "rotation", 0, 180);

//动画执行的时间
objectAnimator.setDuration(5000);

//动画的重复次数
//ObjectAnimator.INFINITE：无限次
objectAnimator.setRepeatCount(3);

//动画的重复方式
//ObjectAnimator.REVERSE：动画反方向转动
//ObjectAnimator.RESTART：动画将从开始处重新启动
//默认为ObjectAnimator.RESTART
objectAnimator.setRepeatMode(ObjectAnimator.REVERSE);

//开始动画
objectAnimator.start();

关键：propertyName属性。动画类型名字

"X"：X轴平移
"Y"：轴平移
"rotation"：自身平面旋转
"rotationX"：3D翻转 X轴不变
"rotationY"：3D翻转 Y轴不变
"alpha"：透明度
"scaleX"：缩放X轴
"scaleY"：缩放Y轴
"translationY"：Y轴上横向移动
"translationX"：X轴上横向移动

4、ValueAnimator

ValueAnimator不提供任何动画效果,它更像一个数值发生器,用来产生有一定规律的数字,从而让调用者控制动画的实现过程。
使用步骤：
1）生成ValueAnimator对象
2）设置动画的监听，addUpdateListener(ValueAnimator.AnimatorUpdateListener listener)
3）利用添加的监听函数获取当前动画的值，getAnimatedValue()
4）设置给View，实现动画

		ValueAnimator valueAnimator = ValueAnimator.ofInt(0,200);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int mInt = (int) animation.getAnimatedValue();
                //水平移动200
                iv.setX(mInt);
            }
        });
        valueAnimator.start();

5、监听

		objectAnimator.addListener(new Animator.AnimatorListener() {
            /**
             * 动画开始前的操作
             * @param animation
             */
            @Override
            public void onAnimationStart(Animator animation) {

            }

            /**
             * 动画结束的操作
             * @param animation
             */
            @Override
            public void onAnimationEnd(Animator animation) {

            }

            /**
             * 动画取消的操作
             * @param animation
             */
            @Override
            public void onAnimationCancel(Animator animation) {

            }

            /**
             * 动画重复的操作
             * @param animation
             */
            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });

如果只关心动画的结束状态：

		objectAnimator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
            }
        });

6、AnimatorSet

AnimatorSet这个类提供了一个play()方法，如果我们向这个方法中传入一个Animator对象(ValueAnimator或ObjectAnimator)将会返回一个AnimatorSet.Builder的实例
AnimatorSet.Builder中包括以下4个方法：
• after(Animator anim)：将现有动画插入到传入的动画之后执行。
• after(long delay)：将现有动画延迟指定毫秒后执行。
• before(Animator anim)：将现有动画插入到传入的动画之前执行。
• with(Animator anim)：将现有动画和传入的动画同时执行。

ObjectAnimator alphaObjectAnimator2 = ObjectAnimator.ofFloat(iv,"alpha",1,0.5f,0.2f,0.1f,0.5f,1);
ObjectAnimator scaleXObjectAnimator = ObjectAnimator.ofFloat(iv,"scaleX",1,2,1,2,1);
ObjectAnimator scaleYObjectAnimator = ObjectAnimator.ofFloat(iv,"scaleY",1,2,1,2,1);

AnimatorSet animatorSet = new AnimatorSet();
//执行scaleYObjectAnimator后再同时执行alphaObjectAnimator2和scaleXObjectAnimator
//animatorSet.play(alphaObjectAnimator2).with(scaleXObjectAnimator).after(scaleYObjectAnimator);
//同时执行alphaObjectAnimator2、scaleXObjectAnimator、scaleYObjectAnimator
animatorSet.playTogether(alphaObjectAnimator2,scaleXObjectAnimator,scaleYObjectAnimator);
animatorSet.setDuration(3000);
animatorSet.start();

7、PropertyValuesHolder

还可以使用PropertyValuesHolder类来实现组合动画。不过这个组合动画就没有上面的丰富了,使用PropertyValuesHolder类只能是多个动画一起执行。

PropertyValuesHolder pv1 = PropertyValuesHolder.ofFloat("rotation", 0, 359);
PropertyValuesHolder pv2 = PropertyValuesHolder.ofFloat("scaleX", 1, 2);
PropertyValuesHolder pv3 = PropertyValuesHolder.ofFloat("translationX", 0, 200);
PropertyValuesHolder pv4 = PropertyValuesHolder.ofFloat("alpha", 0.5f, 1f);
//将所有的组合动画添加到ObjectAnimator中
ObjectAnimator oa = ObjectAnimator.ofPropertyValuesHolder(iv, pv1, pv2, pv3, pv4);
oa.setDuration(5000);
oa.start();

8、在XML中使用属性动画

第一步：在res/animator目录下创建xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    android:duration="2000"
    <!--动画执行顺序 sequentially：顺序执行；together：同时执行。 -->
    android:ordering="sequentially">

    <objectAnimator
        android:propertyName="translationX"
        android:valueFrom="0"
        android:valueTo="200"
        android:valueType="floatType" />

    <set android:ordering="together">
        <objectAnimator
            android:propertyName="scaleX"
            android:valueFrom="1"
            android:valueTo="2"
            android:valueType="floatType" />
        <objectAnimator
            android:propertyName="rotationX"
            android:valueFrom="0"
            android:valueTo="90"
            android:valueType="floatType" />
    </set>
</set>

第二步，在代码中加载动画文件

Animator animator = AnimatorInflater.loadAnimator(this, R.animator.anim_file);
animator.setTarget(iv);
animator.start();

本文地址：https://blog.csdn.net/m0_46211029/article/details/107466764

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

RecycleView 源码解析

ListView 能局部刷新吗？可以。。。 [阅读全文]
springboot 整合 Jpush 极光推送

产品简介：JPush 是经过考验的大规模 App 推送平台，每天推送消息数超过 5 亿条。开发者集成 SDK ... [阅读全文]
[杭电多校2020]第一场 1004 Distinct Sub-palindromes

Distinct Sub-palindromes题目链接：http://acm.hdu.edu.cn/showp... [阅读全文]
报错处理：java.lang.IllegalStateException: You need to use a Theme.AppCompat theme with this activity 

记录一个安卓报错的处理方法：java.lang.IllegalStateException: You need ... [阅读全文]
Swift -- 将本地生成的UIImage进行持久化保存（存到文件中fileManager.createFile）

//在相册或者拍照的代理方法中struct ImageSource { var img: UIImage ... [阅读全文]
Windows的Android studio安装教程

一、JDK安装1、JDK下载安装包下载地址：http://www.oracle.com/technetwor... [阅读全文]
Fragment的介绍以及加载详细说明

Fragment与Activity的区别1.Feagment是安装3.0之后才有的2.一个Activity可以运... [阅读全文]
Android Camera video数据流

在Android系统中，实现一个具有录像功能的应用程序只需要调用MediaRecorder的相应接口即可。下面简... [阅读全文]
SpringBoot +Dcloud个推成功案例复制即用

SpringBoot + Dcloud个推调用方法赋值的实体单推方法的实例部分群推的方法实例下面是工具方法类**... [阅读全文]
Jetpack Paging3分页库

Jetpack Paging3分页库简介分页库可帮助您一次加载和显示一小块数据。按需载入部分数据会减少网络带宽和... [阅读全文]

网友评论


验证码：

Android进阶之光笔记四：动画

2020年07月23日 | 移动技术网IT编程 | 我要评论

一、补间动画（Tween Animation）

1、概念

2、用xml资源实现补间动画

3、透明度动画(AlphaAnimation)

1）用xml资源

2）用java代码实现

4、缩放动画(ScaleAnimation)

1）用xml资源

2）用java代码实现

5、旋转动画(RotateAnimation)

1）用xml资源

2）用java代码实现

6、平移动画(TranslateAnimation)

1）用xml资源

2）用java代码实现

二、帧动画（Frame Animation）

1、概念

2、实现

三、属性动画（Property Animation）

1、概念

2、属性动画与补间动画的区别

3、ObjectAnimator

4、ValueAnimator

5、监听

6、AnimatorSet

7、PropertyValuesHolder

8、在XML中使用属性动画

您可能感兴趣的文章:

相关文章:

网友评论