Android学习之帧动画和视图动画
帧动画
帧动画中的每一帧其实都是一张图片，将许多图片连起来播放，就形成了帧动画。
在drawable目录下新建frmae_animation文件，在这个文件中定义了帧动画的每一帧要显示的图片，播放时，按从上到下显示。
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="true">
<item
android:drawable="@drawable/three"
android:duration="200"/>
<item
android:drawable="@drawable/two"
android:duration="200"/>
<item
android:drawable="@drawable/three"
android:duration="200"/>
animation-list>
将帧动画和view绑定，帧动画会在view上播放。通过两个按钮控制动画的播放。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:orientation="vertical">
<View
android:id="@+id/view"
android:layout_width="300dp"
android:layout_height="300dp"
android:background="@drawable/frame_animation"
android:layout_gravity="center_horizontal"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_gravity="bottom">
<Button
android:id="@+id/btn_start"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="start"
android:onClick="onCLick"/>
<Button
android:id="@+id/btn_stop"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="stop"
android:onClick="onCLick"/>
LinearLayout>
LinearLayout>
通过view.getBackground()方法获取到view上的帧动画，然后通过AnimationDrawable类的start()方法和stop()方法去控制动画的播放和停止。
public class MainActivity extends AppCompatActivity {
private AnimationDrawable background;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
View view = findViewById(R.id.view);
background = (AnimationDrawable) view.getBackground();
}
public void onCLick(View view) {
switch (view.getId()) {
case R.id.btn_start:
background.start();
break;
case R.id.btn_stop:
background.stop();
break;
}
}
}
视图动画
渐变动画分为四种，分别是透明、旋转、平移、缩放；这四种动画在使用时都需要传入参数。下面是一些常见方法的意义，除了使用方法去设置，在xml文件中也可以设置。
| 方法 | 作用 |
|---|---|
| setDuration() | 设置动画的执行时间 |
| setRepeatMode() | 设置重复的模式 Animation.REVERSE 反向执行, Animation.RESTART 重复来一次 |
| setRepeatCount() | 设置重复的次数,如果重复次数为0只会执行一次动画，如果重复次数>0，会执行次数+1次 |
| setFillAfter() | 设置动画执行之后，执行动画的控件停留在结束的状态上；默认是false,也就是执行完恢复到初始状态 |
布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:onClick="alpha"
android:id="@+id/btn_alpha"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Alpha"/>
<Button
android:onClick="scale"
android:id="@+id/btn_scale"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Scale"/>
<Button
android:onClick="rotate"
android:id="@+id/btn_rotate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Rotate"/>
<Button
android:onClick="translate"
android:id="@+id/btn_translate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Translate"/>
LinearLayout>
<ImageView
android:id="@+id/iv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/ic_launcher"/>
LinearLayout>
透明
public void alpha(View v) {
//第一个参数动画开始时的透明度，第二个参数:动画结束时的透明度,1代表不透明，0代表透明
AlphaAnimation alphaAnimation = new AlphaAnimation(1.0f,0.0f);
//设置动画的执行时间
alphaAnimation.setDuration(200);
//设置重复的模式 Animation.REVERSE 反向执行, Animation.RESTART 重复来一次
alphaAnimation.setRepeatMode(Animation.REVERSE);
//设置重复的次数,如果重复次数为0只会执行一次动画，如果重复次数>0，会执行次数+1次
alphaAnimation.setRepeatCount(2);
//设置动画执行之后，执行动画的控件停留在结束的状态上
//默认是false,也就是执行完恢复到初始状态
alphaAnimation.setFillAfter(true);
//imageView.setAnimation(alphaAnimation);
imageView.startAnimation(alphaAnimation);
}
使用xml文件实现透明动画
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha android:fromAlpha="1"
android:toAlpha="0"
android:duration="200"
android:fillAfter="true"/>
set>
旋转
public void rotate(View v) {
//fromDegrees:旋转开始角度, toDegrees:旋转结束角度，pivotX:旋转起点x坐标,旋转起点x坐标的类型
//pivotY:旋转起点Y坐标，旋转起点y坐标的类型
RotateAnimation rotateAnimation = new RotateAnimation(0,90,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
rotateAnimation.setDuration(200);
rotateAnimation.setRepeatMode(Animation.REVERSE);
rotateAnimation.setRepeatCount(0);
rotateAnimation.setFillAfter(true);
imageView.startAnimation(rotateAnimation);
}
使用xml文件实现旋转动画
<set xmlns:android="http://schemas.android.com/apk/res/android">
<rotate android:fromDegrees="0"
android:toDegrees="180"
android:pivotX="0"
android:pivotY="0"
android:duration="200"
android:fillAfter="true"/>
平移
public void translate(View v) {
//fromDelta:起始点x轴坐标,fromYDelat:起始点Y轴坐标
//toXDelta:结束点x轴坐标,toYDelta:结束点Y轴坐标
TranslateAnimation translateAnimation = new TranslateAnimation(0,200,0,0);
translateAnimation.setDuration(200);
translateAnimation.setRepeatMode(Animation.REVERSE);
translateAnimation.setRepeatCount(0);
translateAnimation.setFillAfter(true);
imageView.startAnimation(translateAnimation);
}
使用xml文件实现平移动画
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:fromXDelta="20"
android:toXDelta="100"
android:fromYDelta="20"
android:toYDelta="100"
android:duration="200"
android:fillAfter="true"/>
set>
缩放
使用代码实现缩放动画
public void scale(View v) {
//第一个参数：初始x轴的缩放比例，第二个参数：结束时x轴的缩放比例
//第3个参数：初始Y轴缩放比例，第四个参数：结束Y轴的缩放比例
//第五个参数：缩放起点x轴坐标，第6个参数：缩放起点Y轴坐标
ScaleAnimation scaleAnimation = new ScaleAnimation(1.0f,2.0f,1.0f,2.0f,Animation.RELATIVE_TO_SELF, Animation.RELATIVE_TO_SELF);
scaleAnimation.setDuration(200);
scaleAnimation.setRepeatMode(Animation.REVERSE);
scaleAnimation.setRepeatCount(0);
scaleAnimation.setFillAfter(true);
imageView.startAnimation(scaleAnimation);
}
使用xml文件实现缩放动画
这里面参数的意思和使用代码的参数的意义是一致的，
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale android:fromXScale="1"
android:toXScale="2"
android:fromYScale="1"
android:toYScale="2"
android:pivotX="0"
android:pivotY="0"
android:duration="200"
android:fillAfter="true"/>
set>
属性动画
属性动画和视图动画的区别在于，属性动画会改变view的属性，视图动画不会改变view的属性。视图动画只能操作视图对象，而属性动画可以操作任意对象。
动画属性
时长
时间插值器
重复次数以及重复模式
动画集
延迟