Android-动画小结

现在的位置: 首页 > 综合 > 正文

Android-动画小结

2017年12月10日 ⁄ 综合 ⁄ 共 8881字 ⁄ 字号小中大 ⁄ 评论关闭

1.基本的Tween动画

常见的四种动画：AlphaAnimation，RotateAnimation，ScaleAnimation，TranslateAnimation动画，举例如下：

@Click
	void btnAlpha(){
		AlphaAnimation alphaAnimation = (AlphaAnimation) AnimationUtils
				.loadAnimation(this,R.anim.alpha);
		imageView.startAnimation(alphaAnimation);
	}
	
	@Click
	void btnRotate(){
		// 定义旋转动画，旋转一周持续1分钟，重复三次，在物体的中心位置
		RotateAnimation rotateAnimation = new RotateAnimation(0, 360,
				Animation.RELATIVE_TO_SELF, 0.5f,
				Animation.RELATIVE_TO_SELF, 0.5f);
		rotateAnimation.setDuration(3000);
		rotateAnimation.setRepeatCount(3);
		// 启动动画
		imageView.startAnimation(rotateAnimation);
	}
	
	@Click
	void btnScale(){
		// 定义缩放动画，从中心坐标开始，缩放1.5倍大小，持续1分钟，重复三次
		ScaleAnimation scaleAnimation = new ScaleAnimation(1, 1.5f, 1,
				1.5f, Animation.RELATIVE_TO_SELF, 0.5f,
				Animation.RELATIVE_TO_SELF, 0.5f);
		scaleAnimation.setDuration(3000);
		scaleAnimation.setRepeatCount(3);
		// 启动动画
		imageView.startAnimation(scaleAnimation);
	}
	
	@Click
	void btnTranslate(){
		// 定义移动动画，都从自身坐标开始，移动2个位置，持续1分钟，重复三次
		TranslateAnimation translateAnimation = new TranslateAnimation(
				Animation.RELATIVE_TO_SELF, 0,
				Animation.RELATIVE_TO_SELF, 2,
				Animation.RELATIVE_TO_SELF, 0,
				Animation.RELATIVE_TO_SELF, 2);
		translateAnimation.setDuration(3000);
		translateAnimation.setRepeatCount(3);
		// 启动动画
		imageView.startAnimation(translateAnimation);
	}
	
	@Click
	void btnComplex(){
		// 设置复杂的操作步骤，点击按钮complex后，会运行四种动画效果叠加
		AnimationSet sets = new AnimationSet(false);
		// 定义渐变动画
		AlphaAnimation _animation1 = new AlphaAnimation(1f, 0.1f);
		_animation1.setDuration(3000);
		// 定义旋转动画，在物体的中心位置
		RotateAnimation rotateAnimation1 = new RotateAnimation(0, 360,
				Animation.RELATIVE_TO_SELF, 0.5f,
				Animation.RELATIVE_TO_SELF, 0.5f);
		rotateAnimation1.setDuration(3000);
		// 定义缩放动画，从中心坐标开始，缩放1.5倍大小
		ScaleAnimation scaleAnimation1 = new ScaleAnimation(1, 1.5f, 1,
				1.5f, Animation.RELATIVE_TO_SELF, 0.5f,
				Animation.RELATIVE_TO_SELF, 0.5f);
		scaleAnimation1.setDuration(3000);
		// 定义移动动画，都从自身坐标开始，移动2个位置
		TranslateAnimation translateAnimation1 = new TranslateAnimation(
				Animation.RELATIVE_TO_SELF, 0,
				Animation.RELATIVE_TO_SELF, 2,
				Animation.RELATIVE_TO_SELF, 0,
				Animation.RELATIVE_TO_SELF, 2);
		translateAnimation1.setDuration(3000);
		// 启动动画
		sets.addAnimation(_animation1);
		sets.addAnimation(rotateAnimation1);
		sets.addAnimation(scaleAnimation1);
		sets.addAnimation(translateAnimation1);
		imageView.startAnimation(sets);
	}

其中，alpha.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromAlpha="1"
    android:repeatCount="3"
    android:toAlpha="0.3" >
</alpha>

其实，一般我们在用基本动画的时候，我们通常使用xml的方式，比如：

1.1alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
	android:interpolator="@android:anim/accelerate_interpolator"
	android:fillAfter="true"
	android:fillBefore="false">
	<alpha
		android:fromAlpha="1.0"
		android:toAlpha="0.0"
		android:startOffset="1000"
		android:duration="1000" />

</set>

1.2scale.xml

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

	<scale android:fromXScale="1.0"
		android:toXScale="0.0"
		android:fromYScale="1.0"
		android:toYScale="0.0"
		android:pivotX="50%"
		android:pivotY="50%"
		android:duration="2000" />

</set>

1.3rotate.xml

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

	<rotate android:fromDegrees="0"
		android:toDegrees="+360"
		android:pivotX="50%"
		android:pivotY="50%"
		android:duration="1000" />
</set>

1.4translate.xml文件

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

	<translate
		android:fromXDelta="0%p"
		android:toXDelta="100%p"
		android:fromYDelta="0%p"
		android:toYDelta="100%p"
		android:duration="1000" />

</set>

其中的100%p中的“p”，指的是相对父控件的位置。

所有的这些xml文件，我们都可以通过下列方式进行加载：

Animation animation = (Animation) AnimationUtils.loadAnimation(MainActivity.this, R.anim.translate);
imageView.startAnimation(animation);

同时，如果一个动画中包含多个动画，我们直接在xml中的set标签中添加即可，比如：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
	android:interpolator="@android:anim/accelerate_interpolator"
	android:shareInterpolator="true"
	android:fillAfter="true">

	<alpha
		android:fromAlpha="1.0"
		android:toAlpha="0.0"
		android:startOffset="1000"
		android:fillAfter="true"
		android:duration="2000" />

	<scale android:fromXScale="1.0"
		android:toXScale="0.5"
		android:fromYScale="1.0"
		android:toYScale="0.5"
		android:pivotX="50%"
		android:pivotY="50%"
		android:startOffset="1000"
		android:duration="2000" />
</set>

另外：我们还需要注意动画的加速器设置，Interpolator定义了动画变化的速率或规律，详见参考文档：http://developer.android.com/reference/android/view/animation/Interpolator.html

2.ObjectAnimator动画

举例：

@SuppressLint("NewApi")
	@Click
	void btnObjectA1(){
		ObjectAnimator anim1 = ObjectAnimator.ofFloat(textView, "rotation", 0f, 360f);
		ObjectAnimator anim2 = ObjectAnimator.ofFloat(textView, "alpha", 0f, 1f);
		Animator[] items = new Animator[2];
		items[0]=anim1;
		items[1]=anim2;
		AnimatorSet animSet = new AnimatorSet();
		animSet.playSequentially(items);
		animSet.setDuration(1000);
		animSet.start();
	}

3.Activity跳转动画

/**
	 * 从左向右
	 */
	@Click
	void btnList1(){
		Intent intent=new Intent(this,ActivityList1_.class);
		startActivity(intent);
		overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right); 
	}
	
	/**
	 * 淡入淡出
	 */
	@Click
	void btnList2(){
		Intent intent=new Intent(this,ActivityList2_.class);
		startActivity(intent);
		overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out); 
	}
	
	/**
	 * 缩小放大
	 */
	@Click
	void btnList3(){
		Intent intent=new Intent(this,ActivityList2_.class);
		startActivity(intent);
		overridePendingTransition(R.anim.zoomin,R.anim.zooout); 
	}

其中，zoomin和zooout为自定义的xml动画文件，在anim文件夹下。

zoomin.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator"
    android:zAdjustment="top" >

    <scale
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%p"
        android:pivotY="50%p"
        android:toXScale="0.5"
        android:toYScale="0.5" />

    <alpha
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromAlpha="1.0"
        android:toAlpha="0" />

</set>

zooout.xml

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

    <scale
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromXScale="2.0"
        android:fromYScale="2.0"
        android:pivotX="50%p"
        android:pivotY="50%p"
        android:toXScale="1.0"
        android:toYScale="1.0" />

</set>

部分界面截图：

项目下载：http://download.csdn.net/detail/nuptboyzhb/7262241

4.AnimationDrawable动画

还有一种帧动画，也即是AnimationDrawable动画，它是通过一帧帧的播放图片产生的动画：

我们可以在android项目中的/res/drawable/目录下，建立一个帧动画的xml文件：

<animation-list android:id="@+id/selected" android:oneshot="false">
    <item android:drawable="@drawable/wheel0" android:duration="50" />
    <item android:drawable="@drawable/wheel1" android:duration="50" />
    <item android:drawable="@drawable/wheel2" android:duration="50" />
    <item android:drawable="@drawable/wheel3" android:duration="50" />
    <item android:drawable="@drawable/wheel4" android:duration="50" />
    <item android:drawable="@drawable/wheel5" android:duration="50" />
 </animation-list>

其中的oneshot属性，是指播放次数。如果是false的话，就一直播放。true即播放一次，并且停在最后一帧。如果想要那种播放一次即可消失的效果，那么我们最后一帧可以设置一个透明的图片。好了，下面看一下怎么样在Java代码中使用：

// Load the ImageView that will host the animation and
 // set its background to our AnimationDrawable XML resource.
 ImageView img = (ImageView)findViewById(R.id.spinning_wheel_image);
 img.setBackgroundResource(R.drawable.spin_animation);

 // Get the background, which has been compiled to an AnimationDrawable object.
 AnimationDrawable frameAnimation = (AnimationDrawable) img.getBackground();

 // Start the animation (looped playback by default).
 frameAnimation.start();

这样，就能够一帧帧播放出图片了。

参考文档：

http://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html

5.Fragment切换动画

FragmentTransaction的setCustomAnimations设置fragment的动画。

看一下官方说明：

abstract FragmentTransaction	setCustomAnimations(int enter, int exit, int popEnter, int popExit) Set specific animation resources to run for the fragments that are entering and exiting in this transaction.
abstract FragmentTransaction	setCustomAnimations(int enter, int exit) Set specific animation resources to run for the fragments that are entering and exiting in this transaction.

6.ViewPager切换Fragment时候的动画：

mPager.setPageTransformer(true, new ZoomOutPageTransformer());

也即是通过setPageTransformer方法设置动画。

可以参见官方文档：http://developer.android.com/training/animation/screen-slide.html

7.控件之间的切换动画原理

一般思路是，对第一个控件设置一个动画，对该动画设置一个动画的事件监听器

setAnimationListener(Animation.AnimationListener listener)

比如：

setAnimationListener(new AnimationListener() {

			@Override
			public void onAnimationStart(Animation animation) {
				// 动画播放开始
			}

			@Override
			public void onAnimationRepeat(Animation animation) {
				// 动画重复

			}

			@Override
			public void onAnimationEnd(Animation animation) {
				// 动画播放结束
			}
		});

在动画结束时，将控件设置为不可见，并将原来覆盖在它上面的控件，设置可见，并开始启动动画。最终的效果就是控件切换的效果。

8.ListView动画

http://www.cnblogs.com/xitang/archive/2013/07/19/3199753.html

更多动画属性，参见官方文档：http://developer.android.com/reference/android/view/animation/Animation.html

【上篇】Androidannotation使用之@Rest与服务器交互的JSON数据转换（二）
【下篇】Android-使用Matrix对Bitmap进行处理

作者: salient

该日志由 salient 于6年前发表在综合分类下，最后更新于 2017年12月10日.
转载请注明: Android-动画小结 | 学步园 +复制链接

抱歉!评论已关闭.

学步园

Android-动画小结

作者: salient

书签

最新文章New

本站推荐

返回首页