Android逐帧动画、属性动画的简单实现

需求

实现

动画的布局文件：将每一个图片放入（这个xml文件在AS2.2只能放在drawable目录下，低版本或许可以放在anim目录）

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item
android:drawable="@drawable/order_loading_1"
android:duration="150" />
<item
android:drawable="@drawable/order_loading_2"
android:duration="150" />
<item
android:drawable="@drawable/order_loading_3"
android:duration="150" />
<item
android:drawable="@drawable/order_loading_4"
android:duration="150" />
<item
android:drawable="@drawable/order_loading_5"
android:duration="150" />
</animation-list>

页面的布局文件：（使用ImageView作为动画载体）

<ImageView
android:visibility="gone"
android:layout_centerInParent="true"
android:layout_marginBottom="50dp"
android:id="@+id/img_loading"
android:layout_width="145dp"
tools:visibility="visible"
android:layout_height="138dp" />

代码实现：

private AnimationDrawable animLoading;
private ImageView imgLoading;

/**
* 初始化动画
*/
private void initAnim() {
imgLoading.setBackgroundResource(R.drawable.order_loading);
animLoading = (AnimationDrawable) imgLoading.getBackground();
// 开始动画
animLoading.start();
}

// 停止动画
if (animLoading.isRunning()) {
animLoading.stop();
}

注意：在这里释放动画图片资源会报错，图片资源已释放。自带的回收机制会自动进行回收。

需求

下面继续实现简单的属性动画，并带声音。

实现

动画的布局文件：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="400"
android:fromXDelta="0"
android:fromYDelta="0"
android:toXDelta="0"
android:toYDelta="-580" />

<scale android:duration="400"
android:fromXScale="1"
android:fromYScale="1"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="1.3"
android:toYScale="1.3" />
</set>

页面的布局文件：（使用ImageView作为动画载体）

<ImageView
android:id="@+id/rocket"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:src="@drawable/rocket"
tools:visibility="visible"
android:visibility="gone"/>

代码实现：

private SoundPool soundPool;
private Animation animation;
ImageView rocket;

//配置火箭声音和动画
private void loadSound() {
animation = AnimationUtils.loadAnimation(getActivity(), R.anim.rocket_anim);
soundPool = new SoundPool(2, AudioManager.STREAM_SYSTEM, 5);
soundPool.load(getActivity(), R.raw.rocket, 1);
}

// 开始动画 播放声音
rocket.startAnimation(animation);
animation.setAnimationListener(new Animation.AnimationListener() {

4000
@Override
public void onAnimationStart(Animation animation) {
rocket.setVisibility(View.VISIBLE);
// 播放音效
soundPool.play(1, 1, 1, 0, 0, 1);
}

@Override
public void onAnimationEnd(Animation animation) {
rocket.setVisibility(View.GONE);
}

@Override
public void onAnimationRepeat(Animation animation) {

}
});

动画Drawable

<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/progress_single"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="360"/>

<ProgressBar
android:id="@+id/progress_bar"
style="@android:style/Widget.ProgressBar.Small"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_gravity="center"
android:indeterminateDrawable="@drawable/anim_progress_bar" />