随时随地阅读更多技术实战干货,获取项目源码、学习资料,请关注源代码社区公众号(ydmsq666)、QQ技术交流群(183198395)。
AnimationDrawable代表一个动画,在这里,本文只是先介绍一下如何定义AnimationDrawable资源,Android既支持传统的逐帧动画(类似于电影方式,一张图片、一张图片的切换)。也支持通过平移、变换计算出来的补间动画。下面介绍补间动画的定义。定义补间动画的XML资源文件以<set.../>元素作为根元素,该元素内可以指定如下四个元素:
alpha:设置透明度的改变
scale:设置图片进行缩放改变
translate:设置图片进行位移变换
rotate:设置图片进行旋转
定义补间动画的思路很简单:设置一张图片的开始状态(包括透明度、位置、缩放比、旋转度)、并设置该图片的结束状态(包括透明度、位置、缩放比、旋转度),再设置动画的持续时间,Android系统会使用动画效果把这张图片从开始状态变换到结束状态。
上面几个属性中都可以指定一个android:interpolator属性,该属性指定动画的变化速度,可以实现匀速、正加速、负加速、无规则变加速等,如:
linear_interpolator:匀速变换。
accelerate_interpolator:加速变换。
decelerate_interpolator:减速变换。
如果想让<set../>元素下所有的变换效果都使用相同的动画速度,则可指定 android:shareInterpolator="true"
请看下面实例:
Activity:
package com.lovo.activity;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageView;
public class TestAnimationActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final ImageView image = (ImageView) findViewById(R.id.activity_main_image);
// 加载动画资源
final Animation anim = AnimationUtils.loadAnimation(this,
R.anim.my_anim);
// 设置动画结束后保留结束状态
anim.setFillAfter(true);
Button btn = (Button) findViewById(R.id.activity_main_btn);
btn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// 开始动画
image.startAnimation(anim);
}
});
}
}
布局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/activity_main_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="开始动画"/>
<ImageView
android:id="@+id/activity_main_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/image5"/>
</LinearLayout>
动画XML(anim/my_anim.xml):
<?xml version="1.0" encoding="utf-8"?>
<!-- linear_interpolator:匀速变换 -->
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/linear_interpolator" >
<!-- 定义透明度的变换 -->
<alpha
android:duration="3000"
android:fromAlpha="1"
android:toAlpha="0.05" />
<!-- 定义缩放变换 -->
<scale
android:duration="3000"
android:fillAfter="true"
android:fromXScale="1.0"
android:fromYScale="1.0"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="1.4"
android:toYScale="0.6" />
<!-- 定义位移变换 -->
<translate
android:duration="3000"
android:fromXDelta="10"
android:fromYDelta="30"
android:toXDelta="130"
android:toYDelta="80" />
<!-- 定义旋转变换 -->
<rotate
android:duration="3000"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="1800" />
</set>