android Animations 動畫效果(一)

Animations提供了一系列的動畫效果，這些效果可以應用在絕大多數的控件上

Animations可以分為兩大類：
第一類：Tweened Animations
該類Animations提供了旋轉，移動，伸展和淡出效果
第二類：Frame-by-Frame Animations
這個類Animations可以創建一個Drawable序列，這些Drawable可以按照指定的時間間歇一個一個的顯示

Tweened Animations的分類
1.Alpha：淡入淡出效果
2.Scale：縮放效果
3.Rotate：旋轉效果
4.Translate：移動效果

使用Tweened Animations的步驟
1.創建一個AnimationSet對象
2.根據需要創建相應的Animation對象
3.根據軟件動畫的需要，為Animation對象設置相應的數據
4.將Animation對象添加到AnimationSet對象中
5.使用控件對象開始執行AnimationSet

Tween Animations的通用屬性
//設置動畫執行的時間為1s
animationSet.setDuration(1000);
//如果為true，執行完動畫後，停留到執行結束的時候
animationSet.setFillAfter(true);
//如果為true，執行完動畫後，停留到執行開始的時候
animationSet.setFillBefore(false);
//執行前停留的時間（毫秒）
animationSet.setStartOffset(1000);
//執行次數

animationSet.setRepeatCount(2);

下面是例子程序

activity_main.xml

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" >

android:id="@+id/scaleButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:text="測試scale動畫效果"
/>
android:id="@+id/rotateButton"
android:layout_above="@id/scaleButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="測試rotate動畫效果"
/>
android:id="@+id/alphaButton"
android:layout_above="@id/rotateButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="測試Alpha動畫效果"
/>
android:id="@+id/translateButton"
android:layout_above="@id/alphaButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="測試Translate動畫效果"
/>

android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_alignLeft="@+id/scaleButton"
android:layout_alignParentTop="true"
android:orientation="vertical" >

android:id="@+id/imageViewId"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="50px"
android:src="@drawable/ic_launcher" />

MainActivity.java
package com.yx.animations01;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends Activity {

private Button scaleButton=null;
private Button rotateButton=null;
private Button alphaButton=null;
private Button translateButton=null;
private ImageView imageView = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

scaleButton = (Button) findViewById(R.id.scaleButton);
scaleButton.setOnClickListener(new scaleButtonListener());

rotateButton = (Button) findViewById(R.id.rotateButton);
rotateButton.setOnClickListener(new rotateButtonListener());

alphaButton = (Button) findViewById(R.id.alphaButton);
alphaButton.setOnClickListener(new alphaButtonListener());

translateButton = (Button) findViewById(R.id.translateButton);
translateButton.setOnClickListener(new translateButtonListener());

imageView = (ImageView) findViewById(R.id.imageViewId);
}

class scaleButtonListener implements OnClickListener{
@Override
public void onClick(View v) {
// 創建一個AnimationSet對象
AnimationSet animationSet = new AnimationSet(true);
/*Parameters
fromX Horizontal scaling factor to apply at the start of the animation
toX Horizontal scaling factor to apply at the end of the animation
fromY Vertical scaling factor to apply at the start of the animation
toY Vertical scaling factor to apply at the end of the animation
pivotXType Specifies how pivotXValue should be interpreted. One of Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, or Animation.RELATIVE_TO_PARENT.
pivotXValue The X coordinate of the point about which the object is being scaled, specified as an absolute number where 0 is the left edge. (This point remains fixed while the object changes size.) This value can either be an absolute number if pivotXType is ABSOLUTE, or a percentage (where 1.0 is 100%) otherwise.
pivotYType Specifies how pivotYValue should be interpreted. One of Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, or Animation.RELATIVE_TO_PARENT.
pivotYValue The Y coordinate of the point about which the object is being scaled, specified as an absolute number where 0 is the top edge. (This point remains fixed while the object changes size.) This value can either be an absolute number if pivotYType is ABSOLUTE, or a percentage (where 1.0 is 100%) otherwise.
*/
ScaleAnimation scaleAnimation = new ScaleAnimation(1,0.1f,1,0.1f,
Animation.RELATIVE_TO_SELF,0.5f,
Animation.RELATIVE_TO_SELF,0.5f
);


//設置動畫執行的時間為1s
scaleAnimation.setDuration(1000);
//將alphaAnimation添加到animationSet中
animationSet.addAnimation(scaleAnimation);
//imageView的setAnimation(animationSet)執行動畫
imageView.setAnimation(animationSet);

}
}

class rotateButtonListener implements OnClickListener{
@Override
public void onClick(View v) {
// 創建一個AnimationSet對象
AnimationSet animationSet = new AnimationSet(true);
/**
* Parameters
fromDegrees Rotation offset to apply at the start of the animation.
toDegrees Rotation offset to apply at the end of the animation.
pivotXType Specifies how pivotXValue should be interpreted. One of Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, or Animation.RELATIVE_TO_PARENT.
pivotXValue The X coordinate of the point about which the object is being rotated, specified as an absolute number where 0 is the left edge. This value can either be an absolute number if pivotXType is ABSOLUTE, or a percentage (where 1.0 is 100%) otherwise.
pivotYType Specifies how pivotYValue should be interpreted. One of Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, or Animation.RELATIVE_TO_PARENT.
pivotYValue The Y coordinate of the point about which the object is being rotated, specified as an absolute number where 0 is the top edge. This value can either be an absolute number if pivotYType is ABSOLUTE, or a percentage (where 1.0 is 100%) otherwise.
*/
//1.從哪個角度2.到那個角度3.x軸坐標的類型可取值Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, or Animation.RELATIVE_TO_PARENT
//4.其中1f表示一個父控件的橫坐標5-6同3-4
RotateAnimation rotateAnimation = new RotateAnimation(0,360,
Animation.RELATIVE_TO_PARENT,1f,
Animation.RELATIVE_TO_PARENT,0f
);
rotateAnimation.setDuration(1000);
animationSet.addAnimation(rotateAnimation);
//imageView的setAnimation(animationSet)執行動畫
imageView.setAnimation(animationSet);

}
}

//淡入淡出
class alphaButtonListener implements OnClickListener{
@Override
public void onClick(View v) {
// 創建一個AnimationSet對象
AnimationSet animationSet = new AnimationSet(true);
//創建一個AlphaAnimation對象括號為從什麼透明度到什麼樣的透明度1為不透明，0為透明
AlphaAnimation alphaAnimation = new AlphaAnimation(1,0);
//設置動畫執行的時間為1s
alphaAnimation.setDuration(1000);
//將alphaAnimation添加到animationSet中
animationSet.addAnimation(alphaAnimation);
//imageView的setAnimation(animationSet)執行動畫
imageView.setAnimation(animationSet);
}
}

class translateButtonListener implements OnClickListener{
@Override
public void onClick(View v) {
// 創建一個AnimationSet對象
AnimationSet animationSet = new AnimationSet(true);
/*
* Parameters
fromXType Specifies how fromXValue should be interpreted. One of Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, or Animation.RELATIVE_TO_PARENT.
fromXValue Change in X coordinate to apply at the start of the animation. This value can either be an absolute number if fromXType is ABSOLUTE, or a percentage (where 1.0 is 100%) otherwise.
toXType Specifies how toXValue should be interpreted. One of Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, or Animation.RELATIVE_TO_PARENT.
toXValue Change in X coordinate to apply at the end of the animation. This value can either be an absolute number if toXType is ABSOLUTE, or a percentage (where 1.0 is 100%) otherwise.
fromYType Specifies how fromYValue should be interpreted. One of Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, or Animation.RELATIVE_TO_PARENT.
fromYValue Change in Y coordinate to apply at the start of the animation. This value can either be an absolute number if fromYType is ABSOLUTE, or a percentage (where 1.0 is 100%) otherwise.
toYType Specifies how toYValue should be interpreted. One of Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, or Animation.RELATIVE_TO_PARENT.
toYValue Change in Y coordinate to apply at the end of the animation. This value can either be an absolute number if toYType is ABSOLUTE, or a percentage (where 1.0 is 100%) otherwise.
*/
TranslateAnimation translateAnimation = new TranslateAnimation(
Animation.RELATIVE_TO_SELF,0f,
Animation.RELATIVE_TO_SELF,0.5f,
Animation.RELATIVE_TO_SELF,0f,
Animation.RELATIVE_TO_SELF,1.0f
);
//設置動畫執行的時間為1s
animationSet.setDuration(1000);
animationSet.setFillAfter(true);
animationSet.setFillBefore(false);
animationSet.setStartOffset(1000);
animationSet.setRepeatCount(2);

//將alphaAnimation添加到animationSet中
animationSet.addAnimation(translateAnimation);
//imageView的setAnimation(animationSet)執行動畫
imageView.setAnimation(animationSet);

}
}

}