初学Android,图形图像之补间动画(三十六)

补间动画,开发人员只需指定开始,动画结束"关键帧",而动画变化的"中间帧"由系统计算,并补齐,所以被称为补间动画

上面的例子就是这样,只是定义了动作,变化的帧都由Android自行计算

主要是定义Interpolator参数,其API列表就不写了,用的时候再查

上面的例子定义了两个动画文件

anim.xml

<?xml version="1.0" encoding="UTF-8"?>
<!-- 指定动画匀速改变 -->
<set xmlns:android="http://schemas.android.com/apk/res/android"
	android:interpolator="@android:anim/linear_interpolator">
	<!-- 定义缩放变换 -->
	<scale android:fromXScale="1.0"  
		android:toXScale="0.01"  
		android:fromYScale="1.0"  
		android:toYScale="0.01"  
		android:pivotX="50%" 
		android:pivotY="50%" 
		android:fillAfter="true" 
		android:duration="3000"/> 
	<!-- 定义透明度的变换 -->
	<alpha 
		android:fromAlpha="1" 
		android:toAlpha="0.05" 
		android:duration="3000"/> 
	<!-- 定义旋转变换 -->
	<rotate 
		android:fromDegrees="0" 
		android:toDegrees="1800" 
		android:pivotX="50%" 
		android:pivotY="50%" 
		android:duration="3000"/>
</set>

reverse.xml

<?xml version="1.0" encoding="UTF-8"?>
<!-- 指定动画匀速改变 -->
<set xmlns:android="http://schemas.android.com/apk/res/android"
	android:interpolator="@android:anim/linear_interpolator"
	android:startOffset="3000">
	<!-- 定义缩放变换 -->
	<scale android:fromXScale="0.01"  
		android:toXScale="1"  
		android:fromYScale="0.01"  
		android:toYScale="1"  
		android:pivotX="50%" 
		android:pivotY="50%" 
		android:fillAfter="true" 
		android:duration="3000"/> 
	<!-- 定义透明度的变换 -->
	<alpha 
		android:fromAlpha="0.05" 
		android:toAlpha="1" 
		android:duration="3000"/> 
	<!-- 定义旋转变换 -->
	<rotate 
		android:fromDegrees="1800" 
		android:toDegrees="0" 
		android:pivotX="50%" 
		android:pivotY="50%" 
		android:duration="3000"/> 
</set>
主界面

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" 
    android:gravity="center_horizontal">
  <Button android:id="@+id/bn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/play" /> 
  <ImageView android:id="@+id/girl" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitCenter" android:src="@drawable/girl" />   
</LinearLayout>


主界面代码,控制播放动画

package Wangli.Graphics.TweenAnim;
import java.util.Timer;
import java.util.TimerTask;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
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 TweenAnim extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        final ImageView girl = (ImageView)findViewById(R.id.girl);
        //加载第一份动画资源
        final Animation anim = AnimationUtils.loadAnimation(this, R.anim.anim);
        //设置动画结束后保留结束状态
        anim.setFillAfter(true);
        //加载第二份动画
        final Animation reverse = AnimationUtils.loadAnimation(this, R.anim.reverse);
        //设置动画结束后保留结束状态
        reverse.setFillAfter(true);
        Button bn = (Button)findViewById(R.id.bn);
        final Handler handler = new Handler()
        {
        	public void handleMessage(Message msg)
        	{
        		if(msg.what == 0x123)
        		{
        			girl.startAnimation(reverse);
        		}
        	}
        };
        bn.setOnClickListener(new OnClickListener()
        {
        	public void onClick(View arg0)
        	{
        		girl.startAnimation(anim);
        		//设置3.5秒后启动第二个动画
        		new Timer().schedule(new TimerTask()
        		{
        			public void run()
        			{
        				handler.sendEmptyMessage(0x123);
        			}
        		}, 3500);
        	}
        });
    }
}



你可能感兴趣的:(android,layout,animation,button,图形,encoding)