2011年12月29日 星期四

Android - 動畫TranslateAnimation 和 AnimationSet 的使用

下面範例是利用 TranslateAnimationAnimationSet 來製造ImageView上下移動的動畫。主要觀念為
(1)使用TranslateAnimation設定動畫時間、移動位置、重覆…等效果
(2)AnimationSet可以把多個動畫集合後,一次交付給某元件執行。本例就是下、上、下、上等四個動畫

程式如下:
public class Main extends Activity {
    ImageView img;
    AnimationSet animSet;
    TranslateAnimation anim;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        img = (ImageView) findViewById(R.id.img);
        img.setImageResource(R.drawable.icon);
        animSet = new AnimationSet(true);

        int[] step = {100,-100,100,-100 };
        for (int index = 0; index < 4; index++) {
            anim = new TranslateAnimation(0, 0, 0, step[index]);

            //動畫週期為0.5秒
            anim.setDuration(500);

            //避免元件又回到初始位置
            anim.setFillAfter(true);

            //因為這裡用了四個動畫,所以必須為每個動畫設置初始時間
            //0秒、0.5秒、1秒、1.5秒 為四個動畫初始執行的時間
            anim.setStartOffset(500 * index);

            // 把動畫集合起來
            animSet.addAnimation(anim);
        }

        // img元件開始執行動畫
        img.startAnimation(animSet);
    }
}

沒有留言:

張貼留言