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" /> </set>
效果:所有控件向中心收缩滑动后消失,点击专辑封面重新显示

更多相关文章

随机推荐