android实现播放器反射性动画效果

mainActivity:

package smalt.play.show;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;

public class Splayer2Activity extends Activity {
	ImageView ivImage;
	ImageView ivPlay;
	ImageView ivStop;
	ImageView ivPre;
	ImageView ivNext;
	ImageView ivShuffer;
	ImageView ivRepeat;
	Animation playAnim;// 播放按鈕動畫
	Animation stopAnim;// 播放按鈕動畫
	Animation preAnim;// 播放按鈕動畫
	Animation nextAnim;// 播放按鈕動畫
	Animation shufferAnim;// 播放按鈕動畫
	Animation repeatAnim;// 播放按鈕動畫

	void initView() { // 初始化
		ivImage = (ImageView) findViewById(R.id.player_image);
		ivPlay = (ImageView) findViewById(R.id.player_play);
		ivStop = (ImageView) findViewById(R.id.player_stop);
		ivNext = (ImageView) findViewById(R.id.player_next);
		ivPre = (ImageView) findViewById(R.id.player_pre);
		ivRepeat = (ImageView) findViewById(R.id.player_repeat);
		ivShuffer = (ImageView) findViewById(R.id.player_shuffle);

	}

	void initData() { // 實現動畫

		demoAnim();

	}

	void initListener() { // 監聽器
		playAnim.setAnimationListener(new AnimationListener() {

			public void onAnimationStart(Animation animation) {
				// TODO Auto-generated method stub

			}

			public void onAnimationRepeat(Animation animation) {
				// TODO Auto-generated method stub

			}

			public void onAnimationEnd(Animation animation) {
				// 動畫進行完后隱藏控件
				ivPlay.setVisibility(View.GONE);
				ivStop.setVisibility(View.GONE);
				ivPre.setVisibility(View.GONE);
				ivNext.setVisibility(View.GONE);
				ivRepeat.setVisibility(View.GONE);
				ivShuffer.setVisibility(View.GONE);
			}
		});
		ivImage.setOnClickListener(new OnClickListener() {

			public void onClick(View v) {
				// 點擊專輯封面顯示控件
				ivPlay.setVisibility(View.VISIBLE);
				ivStop.setVisibility(View.VISIBLE);
				ivPre.setVisibility(View.VISIBLE);
				ivNext.setVisibility(View.VISIBLE);
				ivRepeat.setVisibility(View.VISIBLE);
				ivShuffer.setVisibility(View.VISIBLE);
			}
		});
	}

	void demoAnim() {
		// 測試動畫
		playAnim = AnimationUtils.loadAnimation(this, R.anim.play_out);
		stopAnim = AnimationUtils.loadAnimation(this, R.anim.stop_out);
		preAnim = AnimationUtils.loadAnimation(this, R.anim.pre_out);
		nextAnim = AnimationUtils.loadAnimation(this, R.anim.next_out);
		shufferAnim = AnimationUtils.loadAnimation(this, R.anim.shuffer_out);
		repeatAnim = AnimationUtils.loadAnimation(this, R.anim.repeat_out);
		Handler mHandler = new Handler();
		mHandler.postDelayed(new Runnable() {

			public void run() {
				ivPlay.startAnimation(playAnim);
				ivStop.startAnimation(stopAnim);
				ivPre.startAnimation(preAnim);
				ivNext.startAnimation(nextAnim);
				ivRepeat.startAnimation(repeatAnim);
				ivShuffer.startAnimation(shufferAnim);
			}
		}, 2000);

	}

	/** Called when the activity is first created. */

	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		initView();
		initData();
		initListener();
	}
}

mainXML:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_centerInParent="true" >

        <!-- 專輯圖片 -->

        <ImageView
            android:id="@+id/player_image"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_centerInParent="true"
            android:src="@drawable/player_image"
            android:text="專輯" />
        <!-- 播放 -->

        <ImageView
            android:id="@+id/player_play"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:paddingTop="10dp"
            android:src="@drawable/player_play_light" />
        <!-- 停止 -->

        <ImageView
            android:id="@+id/player_stop"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:paddingBottom="10dp"
            android:src="@drawable/player_stop_light" />
        <!-- 上一曲 -->

        <ImageView
            android:id="@+id/player_pre"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:paddingLeft="10dp"
            android:src="@drawable/player_prev_light" />
        <!-- 下一曲 -->

        <ImageView
            android:id="@+id/player_next"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:paddingRight="10dp"
            android:src="@drawable/player_next_light" />
        <!-- 右上隨機 -->

        <ImageView
            android:id="@+id/player_shuffle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:paddingRight="10dp"
            android:paddingTop="10dp"
            android:src="@drawable/player_shuffle_off" />
        <!-- 左上順序播放 -->

        <ImageView
            android:id="@+id/player_repeat"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:paddingLeft="10dp"
            android:paddingTop="10dp"
            android:src="@drawable/player_repeat_off" />
    </RelativeLayout>

</RelativeLayout>

动画效果类似,只贴一个实例:

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

    <alpha
        android:duration="2500"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />

    <translate
        android:duration="2500"
        android:fromXDelta="0%p"
        android:fromYDelta="0%p"
        android:toXDelta="-800%p"
        android:toYDelta="0%p" />

    <!--
         <scale
        android:duration="3000"
        android:fillAfter="true"
        android:fromXScale="0"
        android:fromYScale="0"
        android:toXScale="1.0"
        android:toYScale="1.0" />





    -->

</set>

效果:所有控件向中心收缩滑动后消失,点击专辑封面重新显示