android 補間動畫的實現

為實現android的補間動畫，我們需要定義一個描述動畫動作的xml文件

該文件建議放在res/anim下

需自己創建建文件夾

代碼如下

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator">
<!--      透明度變化 -->
     <alpha 
         android:fromAlpha="1"
         android:toAlpha="0"
         android:duration="2000"/>
<!--      縮放與擴大 -->
     <scale android:fromXScale="1.0"
        android:toXScale="0"
        android:fromYScale="1.0"
        android:toYScale="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="true"
        android:duration="2000"/>
<!--     水平與垂直位移 -->
    <translate 
        android:fromXDelta="0"
        android:toXDelta="130"
        android:fromYDelta="0"
        android:toYDelta="-80"
        android:duration="2000"/>
<!--     旋轉 -->
    <rotate 
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
         android:duration="2000"/>
    

</set>

我們的布局文件很簡單，只有一個按鈕和一個ImangView

代碼：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

<ImageView 
    android:src="@drawable/test"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/image"/>
<Button 
    android:layout_below="@id/image"
    android:text="start"
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

</RelativeLayout>

下面就要用到java文件來處理圖片的動畫了

需要用到AnimationUtils中的loadAnimation方法來調用我們的動畫資源

具體代碼如下

package com.happyrxk.returnhome;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
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 MainActivity extends Activity {

    private ImageView image;
    private Button button;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final Animation anim =AnimationUtils.loadAnimation(this, R.anim.my_anim);
        
        button = (Button)findViewById(R.id.button);
        image = (ImageView)findViewById(R.id.image);
        button.setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                image.startAnimation(anim);
            }
        });
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    
}