Animation四种动画效果的了解

最新推荐文章于 2023-03-13 14:39:38 发布

原创最新推荐文章于 2023-03-13 14:39:38 发布 · 750 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#移动开发 #java

Andorid开发专栏收录该内容

53 篇文章

订阅专栏

本文详细介绍了Android中四种动画效果的实现与测试过程，包括透明度、缩放、位移和旋转动画，并解决了动画执行完成后回到原位置、闪现等问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android JDK为我们提供了4种动画效果，分别是：

           AlphaAnimation         透明度动画效果
           ScaleAnimation         缩放动画效果
           TranslateAnimation   位移动画效果
           RotateAnimation       旋转动画效果

以下对四种效果做测试：

1 Activity 代码

package com.example.layoutproperty;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;

/**
 * 动画测试 的Activity 
 * @author root
 * 问题：1 每次动画执行完成image会回到原来位置  需要设置： setFillAfter(true);
 *     2 动画停留在了结束位置的时候会闪一下子： 解决：需要每次执行完成清除动画，并且用layout重新布局image 
 *     3 2中的方法处理的时候动画结束，image还会闪一下才停留：解决:需要单独开启一个线程来处理 
 *     4 主线程中调用clearAnimation和cancelAnimation都会调用监听器中的动画End方法导致这个方法调用两次：解决：用handler来处理就不会执行两次，原因不知道为什么
 *     5 按钮执行动画的时候，如果每次new一个动画去执行，则会导致一次执行多个动画 
 *     
 *     
 */
public class AnimationActivity extends Activity {
	
	AnimationSet animationSet  = new AnimationSet(true); 
	ImageView image ;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_animation);
		
		Button startBtn  = (Button) findViewById(R.id.startBtn);
		Button endBtn  = (Button) findViewById(R.id.endBtn);
		
		image  = (ImageView) findViewById(R.id.img);
		
		startBtn.setOnClickListener(new BtnListener());
		endBtn.setOnClickListener(new BtnListener());
		
//		/取得屏幕信息 
		getScreen() ;
		
//		addTranslateAnimation();
//		addAlphaAnimation();
//		addScaleAnimation();
//		addRotateAnimation();
//		
//		Log.i("Animation==","执行动画开始");
//		animationSet.setDuration(3000);               //设置动画持续时间  
//		animationSet.setRepeatCount(2);               //设置重复次数  
//		animationSet.setRepeatMode(Animation.REVERSE);    //反方向执行  
//        image.setAnimation(animationSet);             //设置动画效果  
//        animationSet.setFillAfter(true);
//        animationSet.startNow();                      //启动动画  
//        animationSet.getAnimations().size();
        
	}
	
	public void getScreen(){
   		DisplayMetrics dm = new DisplayMetrics();
		this.getWindowManager().getDefaultDisplay().getMetrics(dm);
	 
		Log.i("Animation==",  "屏幕的宽高："+dm.widthPixels+"  "+dm.heightPixels) ;
	}
	
	/**
	float fromXDelta 动画开始的点离当前View X坐标上的差值 
	float toXDelta 动画结束的点离当前View X坐标上的差值 
	float fromYDelta 动画开始的点离当前View Y坐标上的差值 
	float toYDelta 动画开始的点离当前View Y坐标上的差值 
	 */
	private void  addTranslateAnimation(){
		TranslateAnimation  translateAnimation=new TranslateAnimation(0,100,0,0);
//		translateAnimation.setDuration(1000);
//		image.setAnimation( translateAnimation );
//		translateAnimation.startNow();
		
		animationSet.addAnimation(translateAnimation );

	}

	// 透明度的变化
	/**
		fromAlpha：开始时刻的透明度，取值范围0~1。
		toAlpha：结束时刻的透明度，取值范围0~1。
		0.0是完全透明，1.0完全不透明。
	 */
	private void  addAlphaAnimation(){
		AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1);
		animationSet.addAnimation(alphaAnimation );
	}

	/**
	fromX：起始X坐标上的伸缩尺寸。 个人理解值为X方向从原来对象的几倍变化到几倍大小 ，如（0.5f, 3f）从0.5倍大小变化到3倍大小
	toX：结束X坐标上的伸缩尺寸。
	fromY：起始Y坐标上的伸缩尺寸。个人理解值为Y方向从原来对象的几倍变化到几倍大小 ，如（1, 0.5f）从1倍大小变化到0.5倍大小
	toY：结束Y坐标上的伸缩尺寸。
	pivotXType：X轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
	pivotXValue：X坐标的伸缩值。   
	pivotYType：Y轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
	pivotYValue：Y坐标的伸缩值
	pivotXValue和pivotYValue：个人理解就是X和Y以哪个轴为中心变化，值的取值范围都为0-1 
	如：RELATIVE_TO_SELF： X 0为最左边  1为最右边  0.5为对象中直线 变化  ，Y的变化一样   0为最上面     0.5 为对象Y方向的中心 
	   ABSOLUTE:绝对位置  ：当X值为100f时候，则变化的x轴为100f，Y值为20f则变化的Y轴为20f的位置  
	   RELATIVE_TO_PARENT 
	 */
	private void  addScaleAnimation(){
		ScaleAnimation scaleAnimation = new ScaleAnimation(1f, 2f, 1, 2f,
				Animation.RELATIVE_TO_PARENT, 0.2f,
				Animation.RELATIVE_TO_PARENT, 0f);
		 
		animationSet.addAnimation(scaleAnimation );
	}
	//旋转特效
	/**
		fromDegrees：旋转的开始角度。
		toDegrees：旋转的结束角度。
		pivotXType：X轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
		pivotXValue：X坐标的伸缩值。
		pivotYType：Y轴的伸缩模式，可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
		pivotYValue：Y坐标的伸缩值。
	 */
	
	private void  addRotateAnimation(){
		RotateAnimation rotateAnimation = new RotateAnimation(0, 360,
				Animation.RELATIVE_TO_PARENT, 0f,
				Animation.RELATIVE_TO_PARENT, 0.3f);
		animationSet.addAnimation(rotateAnimation );
	}
	
	class BtnListener implements View.OnClickListener{

		@Override
		public void onClick(View v) {
			 switch (v.getId()) {
					case R.id.startBtn:
						
						if(animationSet.getAnimations().size()==0){
//							addTranslateAnimation();
//							addAlphaAnimation();
//							addScaleAnimation();
							addRotateAnimation();
				 
							Log.i("Animation==","执行动画开始");
							animationSet.setDuration(2000);               //设置动画持续时间  
							//animationSet.setRepeatCount(1);               //设置重复次数  
							//animationSet.setRepeatMode(Animation.REVERSE);    //反方向执行  
				            image.setAnimation(animationSet);              
				            animationSet.setFillAfter(true);   // 则会停留在动画结束的状态 
							image.setAnimation(animationSet);   	//设置动画效果 
							animationSet.setAnimationListener( new MyAnimationListener() );	
						}
						image.startAnimation(animationSet);
			            //animationSet.startNow();           	//启动动画  
			           Log.i( "Animation==", "动画个数："+ animationSet.getAnimations().size() );
			           
			           LinearLayout layout = (LinearLayout) image.getParent();
			           
			           Log.i( "Animation==", "父容器的宽高："+ layout.getWidth()+"   "+layout.getHeight()  );
						break;
					case R.id.backBtn:
						Log.i("Animation==","执行动画返回");                      //启动动画  
			            
						break;
					default:
						Log.i("Animation==","执行动画结束按钮");
						//结束动画按钮
						animationSet.cancel();                        //取消动画执行 
						break;
			}
			
		}
		
	}
	
	
	
	
	class MyAnimationListener implements AnimationListener{

		@Override
		public void onAnimationStart(Animation animation) {
			// TODO Auto-generated method stub
//            int[] position = new int[2];
//            image.getLocationInWindow(position);
            
            Log.i("Animation: ", "getLocationInWindow start1 :" + image.getLeft() + "," + image.getTop()  );
//            Log.i("Animation: ", "getLocationInWindow start2:" + position[0] + "," + position[1] );
            
		}

		@Override
		public void onAnimationEnd(Animation animation) {
 
            Log.i("Animation: ", "getLocationInWindow end3======== :"  );
			
			  new Thread(){
					@Override
					public void run() {
						//handler.sendEmptyMessage(1);
					}
			  }.start();
		}

		@Override
		public void onAnimationRepeat(Animation animation) {
			
		}
		
	}
	//平移动画结束时，让对象停留在平移的位置 
	Handler handler = new Handler(){
		public void handleMessage(Message msg) {
            Log.i("Animation: ", "getLocationInWindow end2 :" + image.getLeft() + "," + image.getTop()  );
			 
            int left = image.getLeft() +100;//+(int)(p2-p1); 100 为每次平移的距离
            int top = image.getTop() ;
            int width = image.getWidth();
            int height = image.getHeight();
            image.clearAnimation();
            image.layout(left, top, left+width, top+height); 
		}
	};
}

2 xml代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
	<Button android:id="@+id/startBtn" android:layout_width="match_parent" 
	    android:layout_height="wrap_content" android:text="开始动画"/>
	<Button  android:id="@+id/endBtn" android:layout_width="match_parent" 
	    android:layout_height="wrap_content" android:text="结束动画"/>
	<Button  android:id="@+id/backBtn" android:layout_width="match_parent" 
	    android:layout_height="wrap_content" android:text="返回动画"/> 
	<ImageView android:id="@+id/img" 
	    android:layout_height="wrap_content" android:layout_width="wrap_content"
	    android:src="@drawable/ic_launcher"/>
	
</LinearLayout>