0.前言

上一篇文章中，我们讲解了Android的触摸事件

有兴趣的可以去看一看

准备工作

在读本文前，你最好有以下准备：

(1)安装Android Stuido(以下简称AS)

(2)有一定的Java基础

(3)有一台安卓机

(可以用模拟器来代替，包括AS自带的以及网上的一些著名模拟器)

若想要了解有关Java的文章等其他主要知识，可以去看前面的文章

(不会使用AS的读者可以参考下面这篇文章中的例子)

《[Java]开发安卓，你得掌握的Java知识2》

1.本文内容简介

关键帧动画

补间动画

属性动画

2.基础知识讲解

关键帧动画

关键帧动画属于最无脑，最简单，又是最费美工功夫的动画

所谓关键帧动画，就是事先准备好动画的每一帧的图片，然后将这些图片按顺序连起来播放，就会达成动画的效果。如下：

这个动画就是通过准备好每一帧的火焰动画，连起来播放形成的

无论是通过xml添加关键帧动画，还是通过java代码添加关键帧动画，都需要将动画的每一帧的图片加载一次

具体如何操作，看第3部分

补间动画

补间动画一般分为四个种：

(1)平移translate

(2)缩放 scale

(3)旋转 rotate

(4)透明度变换 alpha

注意：补间动画只是一个效果，没有真正地改变属性的值(x与y坐标不变)。它只是一个视觉效果，这会影响到点击事件的触发

如：

属性动画(ObjectAnimator)

Animator

|----ValueAnimator

|-------ObjectAnimator

|-------TimeAnimator

所有属性都可以做动画(包括系统属性与自定义属性)

系统属性：alpha,scale,translation,Rotate(scale和translation只有X和Y和Z)

属性动画也一般分为四个种：

(1)平移translate

(2)缩放 scale

(3)旋转 rotate

(4)透明度变换 alpha

注意：属性动画不是一个效果，而是确实地改变了控件的对应属性(其视觉效果和补间动画一样)

3.具体操作

准备工作：

把这个地方改成Android，方便操作

关键帧动画(xml方法)

第一步 导入动画的每一帧图片

把这些图片拖到drawable文件夹下

第二步 在drawable文件夹下创建xml文件

drawable处右键 --> New --> Drawable resource file

File name里面填上名字，其他基本不用管，然后点击确定

最后会得到：

第三步 把selector改了

将selector改为animation-list

第四步 加载每一帧的图片(加载所以图片)

方法：在里面，添加

如：

先输入

后面的android:duration表示该图片在动画中的持续时间(单位是毫秒)

要将每一张图片都写进来

第五步 在layout文件中使用这个动画

在layout中的activity_main这个xml文件中创建一个ImageView使用这个动画的xml(为了方便可以改成RelativeLayout)

第六步 在java代码中启动动画(具体代码下面黑框有)

在java文件夹中的MainActivity文件中，找到上面的那个ImageView

ImageView iv = findViewById(R.id.iv_animation);

然后创建onTouchEvent(对控件添加监听器也行，这里直接对整个界面添加点击事件)

通过id找到这个ImageView后，

AnimationDrawable anim = (AnimationDrawable) iv.getDrawable();

最后启动动画anim.start();

@Override

public boolean onTouchEvent(MotionEvent event) {

if (event.getAction() == MotionEvent.ACTION_DOWN) {

//1.获取动画的控件

ImageView iv = findViewById(R.id.iv_animation);

//2.通过控件获取动画

AnimationDrawable anim = (AnimationDrawable) iv.getDrawable();

//3.启动动画

anim.start();

}

return true;

}

(onTouchEvent记得写在onCreate()外面，即与onCreate()并排)

点击画面后，就会有动画效果了(跟上面一样，就不放图了)

关键帧动画(java代码方法)

//(1)创建一个动画资源(AnimationDrawable)

AnimationDrawable anim = new AnimationDrawable();

//(2)添加每一帧的动画

int[] resID = {R.drawable.campfire01,R.drawable.campfire02,R.drawable.campfire03,R.drawable.campfire04,R.drawable.campfire05,R.drawable.campfire06

,R.drawable.campfire07,R.drawable.campfire08,R.drawable.campfire09,R.drawable.campfire10,R.drawable.campfire11,R.drawable.campfire12,R.drawable.campfire13

,R.drawable.campfire14,R.drawable.campfire15,R.drawable.campfire16,R.drawable.campfire17};

for (int i = 0; i < 16; i++) {

anim.addFrame(getResources().getDrawable(resID[i],null),100);

}

//(3)使用这个动画资源

ImageView iv = findViewById(R.id.iv_animation);

iv.setImageDrawable(anim);

//(4)启动动画

anim.start();

这里大概说一下思路

(因为关键帧动画用得不多，毕竟很费美工功夫)

(1)先创建一个AnimationDrawable对象anim

(2)用一个数组将drawable里面的每一帧动画都装进去

(3) anim.addFrame()来加载每一帧图片

(4)创建一个新的ImageView控件，设置它的ImageDrawable为上面那个anim

(5)anim.start()启动动画

补间动画

补间动画也有两种处理方式，一种是通过xml，一种是java代码

前者适合于一些定死的动画

后者的话，在java代码中可以进行计算、表达式书写等，因此比较灵活

补间动画(java代码方式)

第一步 先通过id找到对应控件

ImageView rightArm = findViewById(R.id.iv_right_arm);

(记得现在xml里面添加id，不知道如何添加的同学，可以去看以前的文章)

第二步 创建(对应的)动画的对象

RotateAnimation rightRoAnimation = new RotateAnimation(0,180,0f,0f);

如果是平移，则使用TranslateAnimation

调整透明度用AlphaAnimation

缩放变化用ScaleAnimation

如：

TranslateAnimation tr = new TranslateAnimation(0,100,0,100);

每一种变化的参数都是不一样的，可以通过alt+p来确认参数

第三步 设置动画属性

rightRoAnimation.setDuration(1000);

rightRoAnimation.setFillAfter(true);

setDuration指设置动画演出持续时间

setFillAfter指设置动画结束后，控件是否停留在结束的地方(为真时，则停留)，毕竟补间动画不会真正改变控件的属性

第四步 开始动画

rightArm.startAnimation(rightRoAnimation);

(这一步可以考虑放在onTouchEvent里面，这样子就可以点击的时候触发一次动画)

ImageView rightArm = findViewById(R.id.iv_right_arm);

RotateAnimation rightRoAnimation = new RotateAnimation(0,180,0f,0f);

rightRoAnimation.setDuration(1000);

rightRoAnimation.setFillAfter(true);

rightArm.startAnimation(rightRoAnimation);

补间动画(xml文件方法)

第一步 修改项目浏览方式

首先将Android改为project

第二步 找到对应文件夹

找到项目名下面的app --> src

找到src --> main --> res

在res文件夹下创建一个anim文件夹

第三步 在anim文件夹上，

右键-->New-->Animation resource File，然后起名

第四步 更改set为对应的动画名字

如将set改为平移动画

第五步 添加动画属性

android:fromYDelta="100"

android:toYDelta="0"

android:fillAfter="true"

android:duration="500">

注意，这些属性是添加在前面一个标签的两个<>中的，而不是添加在两个标签中

另外，其他动画的话就不是translate，而是：

分别对应透明度、缩放、旋转

第六步 在java代码中加载xml文件中的补间动画

//(1)创建ImageView对象

ImageView leftHand = findViewById(R.id.iv_left_hand);

ImageView rightHand = findViewById(R.id.iv_right_hand);

//(2)通过AnimationUtils创建对应的动画对象

TranslateAnimation up = (TranslateAnimation) AnimationUtils.loadAnimation(this,R.anim.hand_up_anim);

//(3)通过AnimationUtils创建对应的动画对象

leftHand.startAnimation(up);

rightHand.startAnimation(up);

补间动画总结：

(1)java代码方式(灵活一些)

①创建动画对象(构造函数里设置基础属性)

②通过动画对象的setXXX()来设置一些其他属性(如setDuration())

③通过id(等方法)找到控件，然后startAnimation(动画对象);来开启动画

(2)xml方式(死板一些，但是便于多次调用)

①在对应的地方(app-->src-->main-->res)中创建anim文件夹，然后在anim文件夹中，创建Animation resource File(xml文件)

②把set改为对应动画名字(当然如果是多个动画，可以把set保留，然后在set里面写多个不同的动画标签)

③在前一个标签里面添加属性

④在MainActivity中，通过AnimationUtils创建对应的动画对象

⑤通过id(等方法)找到控件，然后startAnimation(动画对象);来开启动画

属性动画(只能通过java代码)

第一步 在MainActivity中创建属性动画对象

ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(参数);

ofFloat还是ofDouble什么的，看改变的属性的参数的类型，上面讲的那些系统提供的属性(平移、缩放等)，参数都是float类型的

特别注意：ofFloat()的括号内的参数的顺序为：

target、propertyName、......values

(1)target需要动画的控件

(2)propertyName 动画的哪个属性(这个可以通过控件.get动画名()，因为控件必须实现动画名的getter，setter

(3)...values 变化的值

注意：

(2)里面的意思是，可以先输入控件对象，然后输入一个点"."，然后输入对应set+动画的前面一部分，就可以看到完整的名字了，这个名字，就是propertyName需要填写的

比如需要scale方面的，就那么，propertyName中就写"ScaleX"或者"ScaleY"(必须打上引号，这个参数是String)

如果propertyName中名字写错了，会报错

(3)中的values为具体的值(比如从多少变化为多少)，一般第一个参数为初始值，第二个为变化后的值

如果values里面只填一个参数，那么就是“变化到多少”

第二步 通过属性动画对象设置别的属性(如持续时间)

objectAnimator.setDuration(1000);

第三步 开启动画

objectAnimator.start();

public void testTranslate(){

ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(v_v,"TranslationX",v_v.getTranslationX()+100f);

objectAnimator.setDuration(1000);

objectAnimator.start();

}

全部代码：

//声明控件变量

private View v_v;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//通过findViewById找到对应控件

v_v = findViewById(R.id.v_v);

//为控件添加监听器

v_v.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

testTranslate();

}

});

}

/*

* 这是一个平移的属性的动画

*/

public void testTranslate(){

//ofFloat()中的参数意思：v_v为控件名

//"TranslationX"为动画名(必须带引号)

//v_v.getTranslationX()+100f为移动到哪里(这么写是为了可以每次点击都能继续移动)

ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(v_v,"TranslationX",v_v.getTranslationX()+100f);

objectAnimator.setDuration(1000);

objectAnimator.start();

}

3.总结

(1)关键帧动画其实比较少用，重点要掌握补间动画和属性动画

(2)补间动画只是视觉效果，无论怎么看起来怎么样，控件的实际位置、大小、透明度等都没有变化

(3)以上说的例子都是很基础的动画，熟练掌握之后，将各种动画糅合在一起，也可以达成一些不错的效果