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() {
                @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) {

                }
            });

注意：将声音文件放在raw文件下

动画Drawable

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" />

如此可以直接通过布局的方法实现动画，不需要在代码中进行设置。