创建视图动画

作者：追风剑情发布于：2016-6-18 12:54 分类：Android

在Android3.0之前创建动画的首要方法是视图动画系统。视图动画提供了一系列内置的动画操作，能够在视图之间生成动画。你提供起始值和终止值，动画框架将会改变显示的视图。这个系统很容易实现，但是它也有一些缺点。首先，这只限于在视图对象上操作。如果你想要做成不是视图的动画，你将需要自己完成。第二，它仅在一个默认的属性集上运作，它不会影响其他的属性。最后，视图动画只会影响是如何被绘制的，当视图被定位之后就没有影响了。重要的是，视图的矩形的点击区域在视图动画期间是不会移动的——在动画代码中发现的一个常见错误。当动画结束之后你需要更改视图以更新它的位置。

这些限制导致视图动画框架在Android3.0及以后的版本中被弃用。然而，现在仍然有大量的3.0之前版本的设备在使用，所以可能的情况下，为了最大的应用兼容性，你应当使用视图动画框架。

定义动画

与Android中大多数的UI代码类似，动画可以在代码中定义也可以在XML中定义。不过，建议使用XML，因为创建复杂动画更容易并且能够复用。定义在XML中的视图动画被放置于res/anim/文件夹下。一个动画的基础结构与视图的类似。

下面是视图动画的可用选项：

Translate，移动视图。
Scale，改变视图的尺寸。
Rotate，翻转视图。
Alpha，改变视图的透明度。

下面是一个移动(translate)视图的示例动画：

动画xml

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration = "5000"
    android:toYDelta="100%"
    android:toXDelta="100%">
</translate>

活动xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
	<ImageView 
	    android:id="@+id/img"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:src="@drawable/ic_launcher"/>
</LinearLayout>

活动代码

package com.test.androidtest;
 
import android.app.Activity;
import android.os.Bundle;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
 
public class AnimationActivity extends Activity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_animation);
		
		//将动画xml绑定到视图
		ImageView img = (ImageView) findViewById(R.id.img);
		Animation anim_translate = AnimationUtils.loadAnimation(this, R.anim.anim_translate);
		img.startAnimation(anim_translate);
	}
}

动画XML等价于下面的Java代码

TranslateAnimation anim = new TranslateAnimation(
				TranslateAnimation.RELATIVE_TO_SELF, 0.0f,
				TranslateAnimation.RELATIVE_TO_SELF, 0.25f,
				TranslateAnimation.RELATIVE_TO_SELF, 0.0f,
				TranslateAnimation.RELATIVE_TO_SELF, 0.25f);
anim.setDuration(5000);//持续5秒

运行测试

动画可以组成集合，让几个动画同时发生。下面是一个相同的例子，但是这一次与另一个改变视图透明度的动画组成一个集合：

动画XML

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate 
        android:duration = "5000"
    	android:toYDelta="100%"
    	android:toXDelta="100%" />
    
    <alpha 
        android:duration="5000"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />
</set>

这个动画将会让视图移动到右下方，并同时逐渐淡化。在此例中，两个动画同时发生，但是这并不是必须的。你可以通过定义android:startOffset属性让它们顺序发生，或者部分重叠。以ms为单位设置这个值可以让动画等待这个时间间隔再发生。下面是一个同样的例子，不过这一次alpha动画会等到移动动画结束之后才开始：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate 
        android:duration = "5000"
    	android:toYDelta="100%"
    	android:toXDelta="100%" />
    
    <alpha 
        android:startOffset="5000"
        android:duration="5000"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />
</set>