Android 动画使用的笔记整理


//=================【frame animation 帧动画】===============================	
Frame动画是一系列图片按照一定的顺序展示的过程,和放电影的机制很相似,我们称为逐帧动画。
Frame动画可以被定义在XML文件中,也可以完全编码实现。(animation-list,标签内容没有提示,就手动添加)
《studio 中 需要在drawable里边创建 frame动画的文件。animation-list》
实现方法两种:
1)xml中的实现方法
	在/res下的anim或drawable目录中(/res/[anim |drawable]/filename.xml),
	文件名可以作为资源ID在代码中引用;
	1、[xml文件的语法] 
		<?xml version="1.0" encoding="utf-8"?>  
		<animation-list xmlns:android="http://schemas.android.com/apk/res/android"  
			android:oneshot=["true" | "false"] >  
			<item  
				android:drawable="@[package:]drawable/drawable_resource_name"  
				android:duration="integer" />  
		</animation-list>  
		
	<item>元素代表一帧动画,android:drawable指定此帧动画所对应的图片资源,android:druation代表此帧持续的时间,整数,单位为毫秒。
	Android:onshot如果定义为true的话,此动画只会执行一次,如果为false则一直循环。
	
	2、图片放于drawable目录
		ImageView image = (ImageView) findViewById(R.id.frame_image);    
        image.setBackgroundResource(R.anim.frame);  //将动画资源文件设置为ImageView的背景  
		//or  xml.布局中,android:background="@anim/mywifi_animation" /
		//获取ImageView背景,此时已被编译成AnimationDrawable  
        AnimationDrawable anim = (AnimationDrawable) image.getBackground();  
        anim.start(); //开始动画  
	在onCreate中调用AnimationDrawable的start方法时,窗口Window对象还没有完全初始化,	AnimationDrawable不能完全追加到窗口Window对象中,那么该怎么办呢?	我们需要把这段代码放在onWindowFocusChanged方法中,当Activity展示给用户时,onWindowFocusChanged方法就会被调用,我们正是在这个时候实现我们的动画效果。
	当然,onWindowFocusChanged是在onCreate之后被调用的,如图:
		 public void stopFrame(View view) {  
			if (anim.isRunning()) { //如果正在运行,就停止  
				anim.stop();  
			}  
		}  
	
2)Java代码实现的帧动画
		 public void runFrame(View view) {  
			//完全编码实现的动画效果  
			AnimationDrawable anim = new AnimationDrawable();  
			for (int i = 1; i <= 4; i++) {  
				//根据资源名称和目录获取R.java中对应的资源ID  
				int id = getResources().getIdentifier("f" + i, "drawable", getPackageName());  
				//根据资源ID获取到Drawable对象  
				Drawable drawable = getResources().getDrawable(id);  
				//将此帧添加到AnimationDrawable中  
				anim.addFrame(drawable, 300);  
			}  
			anim.setOneShot(false); //重复的次数 
			image.setBackgroundDrawable(anim);  //将动画设置为ImageView背景  
			anim.start();   //开始动画  
		}  
	
//===========【Tween Animation:(补间动画)】=================	
补间动画就是我们只需指定开始、结束的“关键帧“,而变化中的其他帧由系统来计算,不必自己一帧帧的去定义。
四种子类:AlphaAnimation(透明度动画)、ScaleAnimation(缩放动画)、TranslateAnimation(位移动画)、RotateAnimation(旋转度动画)。

/*
1.动画时间 duration
2.是否循环
3.开始位置坐标
4. 动画属性 ,由快到慢 etc
*/
AnimationSet animationSet = new AnimationSet(true);


AlphaAnimation:淡入淡出动画
		// 动画1:透明度变化: 1.0 fully opaque 完全不透明;0.0 fully transparent 完全透明
		AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);
		alphaAnimation.setDuration(2000);// 持续时间
		animationSet.addAnimation(alphaAnimation);
		imageView.startAnimation(animationSet);

TranslateAnimation:位移动画
		// 平移动画设置
		TranslateAnimation translateAnimation = new TranslateAnimation(0, 150,
				0, 0);
		// new TranslateAnimation(
		// Animation.RELATIVE_TO_SELF, 10f, Animation.RELATIVE_TO_SELF, 50.0f,
		// Animation.RELATIVE_TO_SELF, 10f, Animation.RELATIVE_TO_SELF, 50.0f);
		translateAnimation.setDuration(2000);
		
		translateAnimation.setInterpolator(new AccelerateInterpolator());

		/**
		 * TranslateAnimation
		 * @setFillAfter的设置如果为true,则动画执行完之后效果定格在执行完之后的状态
		 * @setFillBefore的设置如果为true,则动画执行完之后效果定格在执行完之前的状态
		 * @setStartOffset设置的是一个long类型的值,是指动画延迟多少毫秒之后执行
		 * @setRepeatCount定义的是动画重复几次执行
		 */
		translateAnimation.setRepeatCount(3);
		translateAnimation.setStartOffset(2000);
		
		animationSet.setFillAfter(false);
		animationSet.setFillBefore(true);
		animationSet.addAnimation(translateAnimation);
		imageView.startAnimation(animationSet);

ScaleAnimation:缩放动画
		// 前四个参数,x、y方向上从什么倍数缩放到什么倍数,后面四个参数是相对在什么位
		// 置进行缩放。跟平移差不多一个意思
		ScaleAnimation scaleAnimation = new ScaleAnimation(1, 0.1f, 1, 0.1f,
				Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
				0.5f);
		scaleAnimation.setDuration(2000);
		animationSet.addAnimation(scaleAnimation);
		imageView.startAnimation(scaleAnimation);
		
RotateAnimation:旋转动画
		// 后面的四个参数定义的是旋转的圆心位置
		RotateAnimation rotateAnimation = new RotateAnimation(0, -359,
				Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
				0.5f);
		rotateAnimation.setDuration(2000);
		rotateAnimation.setInterpolator(new LinearInterpolator());//恒定变化
		rotateAnimation.setRepeatCount(-1);
		animationSet.addAnimation(rotateAnimation);
		imageView.startAnimation(animationSet);

以上是java的实现:
//---------------------------------------------------------------
以下是xml的实现补间动画的方法tween

//res/anim 文件夹建立 *.xml动画的文件, 格式如下

<set xmlns:android="http://schemas.android.com/apk/res/android" 
 android:fillAfter="false"
 android:fillBefore="true">

		<alpha
			android:duration="2000"
			android:fromAlpha="1.0"
			android:toAlpha="0" />		
			  <!--
				 透明度控制动画效果 alpha
					浮点型值:
					fromAlpha 属性为动画起始时透明度
					toAlpha   属性为动画结束时透明度
					说明: 
					0.0表示完全透明
					1.0表示完全不透明
								 以上值取0.0-1.0之间的float数据类型的数字
					长整型值:
					duration  属性为动画持续时间
					说明:     
								 时间以毫秒为单位
				-->
		<translate
			android:duration="1000"
			android:fromXDelta="-50%p"
			android:toXDelta="0" />
						 <!--
					 translate 位置转移动画效果
						整型值:
						fromXDelta 属性为动画起始时 X坐标上的位置    
						toXDelta   属性为动画结束时 X坐标上的位置
						
						fromYDelta 属性为动画起始时 Y坐标上的位置
						toYDelta   属性为动画结束时 Y坐标上的位置
						注意:      不管是100%还是100%p,都应该是以控件所在的位置为起始点开始
									 没有指定fromXType toXType fromYType toYType 时候,默认是以自己为相对参照物
									 android:toXDelta="100%",表示自身的100%,也就是从View自己的位置开始。
									 android:toXDelta="80%p",表示父层View的80%,是以它父层View为参照的。 
								   
						
						长整型值:
						duration  属性为动画持续时间
						说明:     
									 时间以毫秒为单位
					-->
		<rotate
			android:duration="3000"
			android:fromDegrees="0"
			android:interpolator="@android:anim/accelerate_decelerate_interpolator"
			android:pivotX="50%"
			android:pivotY="50%"
			android:toDegrees="+1080" />
		
					<!-- rotate 旋转动画效果
						浮点数型值:
						
						fromDegrees 属性为动画起始时物件的角度    
						toDegrees   属性为动画结束时物件旋转的角度 可以大于360度   
						
						说明:
									 当角度为负数――表示逆时针旋转
									 当角度为正数――表示顺时针旋转   
									 
						(负数from――to正数:顺时针旋转)   
						(负数from――to负数:逆时针旋转) 
						(正数from――to正数:顺时针旋转) 
						(正数from――to负数:逆时针旋转)       
					   
					  pivotX     属性为动画相对于物件的X坐标的开始位置
						pivotY     属性为动画相对于物件的Y坐标的开始位置
						
						说明:     都是以物件所在的位置起始点
									 以上两个属性值 从0%-100%中取值
						50%:物件的X或Y方向坐标上物件长度的一半的距离
						50%p为物件在X或Y方向坐标上屏幕的一半的距离
							
						
						长整型值:
						duration  属性为动画持续时间
						说明:     
									 时间以毫秒为单位
					-->
			  <scale
				android:duration="5000"
				android:fromXScale="0.0"
				android:fromYScale="0.0"
				android:interpolator="@android:anim/accelerate_decelerate_interpolator"
				android:pivotX="50%"
				android:pivotY="50%"
				android:toXScale="4.0"
				android:toYScale="4.0" />		
							<!--
						   尺寸伸缩动画效果 scale
							   android:fillAfter="true" 动画停留在最后一帧。只在<set />里面在有作用
							   属性:interpolator 指定一个动画的插入器
								
								使用android.res.anim中的资源时候发现有三种动画插入器
								
								accelerate_decelerate_interpolator  加速-减速 动画插入器
								accelerate_interpolator        加速-动画插入器
								decelerate_interpolator        减速- 动画插入器
								
											其他的属于特定的动画效果
								
								
								浮点型值:
								 
								fromXScale 属性为动画起始时 X坐标上的伸缩尺寸    
								toXScale   属性为动画结束时 X坐标上的伸缩尺寸     
								
								fromYScale 属性为动画起始时Y坐标上的伸缩尺寸    
								toYScale   属性为动画结束时Y坐标上的伸缩尺寸    
								
								说明:
											 以上四种属性值    
								
								0.0表示收缩到没有 
								1.0表示正常无伸缩     
											 值小于1.0表示收缩  
											 值大于1.0表示放大
								
								
								pivotX     属性为动画相对于物件的X坐标的开始位置
								pivotY     属性为动画相对于物件的Y坐标的开始位置
								
								说明:     都是以物件所在的位置起始点
											 以上两个属性值 从0%-100%中取值
								50%:物件的X或Y方向坐标上物件长度的一半的距离
								50%p为物件在X或Y方向坐标上屏幕的一半的距离
								
								长整型值:
								duration  属性为动画持续时间
								说明:     
											 时间以毫秒为单位
								
								
								布尔型值:
								fillBefore是指动画结束时画面停留在第一帧,
								fillAfter是指动画结束是画面停留在最后一帧。
								
								最关键的问题是,这2个参数不能在</alpha>,</scale>,</translate>,</rotate>中设置,这是没有用的,必须
									在动画xml文件的</set>节点中设置
									
										fillAfter 属性 当设置为true ,该动画转化在动画结束后被应用
								   
								   
								   startOffset,                动画多次执行的间隔时间,如果只执行一次,执行前会暂停这段时间,  
											单位毫秒 duration,一次动画效果消耗的时间,单位毫秒,  
											值越小动画速度越快 repeatCount,动画重复的计数,动画将会执行该值+1次   
											repeatMode,动画重复的模式,reverse为反向,当第偶次执行时,动画方向会相反。  
											restart为重新执行,方向不变     
					-->		
</set>


				//载入xml动画
				//Animation animation = AnimationUtils.loadAnimation(ActivityMain.this, R.anim.name);
	AnimationSet set = (AnimationSet) AnimationUtils.loadAnimation(this, R.anim.tweentest);

				// 载入XML文件成Animation对象
				view.startAnimation(animation);
				//动画的监听方法
				int i = 0;
		for (Animation a : set.getAnimations()) {
			Log.e(TAG, " a  = " + i++);
			if (i == 1)
				a.setAnimationListener(new AnimationListener() {
					@Override
					public void onAnimationStart(Animation animation) {
						Log.e(TAG, " start ");
					}
					@Override
					public void onAnimationRepeat(Animation animation) {
						Log.e(TAG, " repeat ");
					}
					@Override
					public void onAnimationEnd(Animation animation) {
						Log.e(TAG, " end ");
					}
				});
		}
				
				
		Activity 入场动画
				Intent intent = new Intent(Activity01.this,Activity02.class);
				startActivity(intent);
				//1.启动的Activity02的动画;2.当前退出的Activity01的动画
				 overridePendingTransition(R.anim.myint,R.anim.alpha);

	
//===========【Property Animation:(属性动画)】=================		
Android 3.0中才引进	:直接更改我们对象的属性
	(1)ValueAnimator:包含Property Animation动画的所有核心功能,如动画时间,开始、结束属性值,相应时间属性值计算方法等。应用ValueAnimator有两个步骤

	1计算属性值。
	2根据属性值执行相应的动作,如改变对象的某一属性。	我们的主是第二步,需要实现ValueAnimator.onUpdateListener接口,这个接口只有一个函数onAnimationUpdate(),将要改变View对象属性的事情在该接口中do。
	animation.addUpdateListener(new AnimatorUpdateListener() {
		@Override
		public void onAnimationUpdate(ValueAnimator animation) {
			//do your work
		}
	});
(2)ObjectAnimator:继承自ValueAnimator,要指定一个对象及该对象的一个属性,当属性值计算完成时自动设置为该对象的相应属性,即完成了Property Animation的全部两步操作。实际应用中一般都会用ObjectAnimator来改变某一对象的某一属性,但用ObjectAnimator有一定的限制,要想使用ObjectAnimator,应该满足以下条件:

1.对象应该有一个setter函数:set(驼峰命名法)

2如下面的例子,像ofFloat之类的工场方法,第一个参数为对象名,第二个为属性名,后面的参数为可变参数,如果values…参数只设置了一个值的话,那么会假定为目的值,属性值的变化范围为当前值到目的值,为了获得当前值,该对象要有相应属性的getter方法:get

3如果有getter方法,其应返回值类型应与相应的setter方法的参数类型一致。
	ObjectAnimator oa=ObjectAnimator.ofFloat(tv, alpha, 0f, 1f);
	oa.setDuration(3000);
	oa.start();
	
	如果不满足上面的条件,我们只能乖乖的使用ValueAnimator来创建动画。
(3)Animator.AnimatorListener:可以为Animator设置动画监听,需要重写下面四个方法。
	onAnimationStart()
	onAnimationEnd()
	onAnimationRepeat()
	onAnimationCancel()
	






三种动画的优缺点:

(1)Frame Animation(帧动画)主要用于播放一帧帧准备好的图片,类似GIF图片,优点是使用简单方便、缺点是需要事先准备好每一帧图片;

(2)Tween Animation(补间动画)仅需定义开始与结束的关键帧,而变化的中间帧由系统补上,优点是不用准备每一帧,缺点是只改变了对象绘制,而没有改变View本身属性。因此如果改变了按钮的位置,还是需要点击原来按钮所在位置才有效。

(3)Property Animation(属性动画)是3.0后推出的动画,优点是使用简单、降低实现的复杂度、直接更改对象的属性、几乎可适用于任何对象而仅非View类,缺点是需要3.0以上的API支持,限制较大!但是目前国外有个开源库,可以提供低版本支持!



三种动画的demo下载地址:

Frame动画简单的应用演示

http://download.csdn.net/detail/flyingsir_zw/9541211


Activity入场动画合集









积 分:1437
上传资源:44
下载资源:98
总 排 名:第9346

上传权限:100MB




上一篇:Android开发1——查找所需要出示权限的内容


下一篇:使用Dialog实现全局Loading加载框