[Android]ViewFlipper 物件進出場動畫

Published by johnson on

Android中，若要刻一個slide功能的程式或者做物件的進出場，可以透過ViewFlipper來完成

main.xml中必須先用ViewFlipper這個元素將你要的物件包覆在裡面
main.xml：

顯示原始碼
列印？
1<?xml version="1.0" encoding="utf-8"?>
2<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3    android:layout_width="fill_parent"
4    android:layout_height="fill_parent"
5    android:orientation="vertical"
6    android:background="#FFF"
7>
8    <ViewFlipper
9        android:id="@+id/viewflipper"  
10        android:layout_width="fill_parent"
11        android:layout_height="300px"
12        android:background="#666"
13    >
14        <ImageView
15        android:id="@+id/fire"
16        android:layout_width="256px"
17        android:layout_height="256px"
18        android:src="@drawable/fire"
19        />
20           
21        <ImageView
22        android:id="@+id/fire"
23        android:layout_width="256px"
24        android:layout_height="256px"
25        android:src="@drawable/fire2"
26        />
27         
28    </ViewFlipper>
29    <Button
30        android:id="@+id/bu"
31        android:layout_width="wrap_content"
32        android:layout_height="wrap_content"
33        android:text="next"
34    />
35</LinearLayout>

Java程式：

顯示原始碼
列印？
1import android.app.Activity;
2import android.os.Bundle;
3import android.view.View;
4import android.view.View.OnClickListener;
5import android.view.animation.AnimationUtils;
6import android.widget.Button;
7import android.widget.ViewFlipper;
8 
9public class MovePicActivity extends Activity {
10     
11    ViewFlipper vf;
12     
13    @Override
14    public void onCreate(Bundle savedInstanceState) {
15        super.onCreate(savedInstanceState);
16        setContentView(R.layout.main);
17         
18        Button bu = (Button) findViewById(R.id.bu);
19         
20         
21        vf = (ViewFlipper)this. findViewById(R.id.viewflipper);
22         
23        // 設定 ViewFlipper 的進出動畫配置
24        vf.setInAnimation(AnimationUtils.loadAnimation(this, R.layout.in));
25        vf.setOutAnimation(AnimationUtils.loadAnimation(this, R.layout.out));
26         
27        // 動畫開始
28        vf.startFlipping();
29         
30        //按下next button後切換到下張view
31        bu.setOnClickListener(new OnClickListener(){
32            public void onClick(View w){
33                vf.showNext();
34            }
35        });
36         
37    }
38}

在主程式中你會看到進出場動畫我用了兩個檔案in.xml和out.xml，
其實這兩支程式就是動畫的設定檔

in.xml：

顯示原始碼
列印？
1<?xml version="1.0" encoding="utf-8"?>
2<set xmlns:android="http://schemas.android.com/apk/res/android">
3  <!--  X 軸 20→600時間 1000 毫秒 -->
4  <translate android:fromXDelta="20"
5             android:toXDelta="600"
6             android:duration="5000" />
7  <!--  從 透明 到 不透明 時間 1000 毫秒 -->
8  <alpha android:fromAlpha="0.0"
9         android:toAlpha="1.0"
10         android:duration="1000" />
11</set>

out.xml：

顯示原始碼
列印？
1<?xml version="1.0" encoding="utf-8"?>
2<set xmlns:android="http://schemas.android.com/apk/res/android">
3  <!--  X 軸 600→20時間 1000 毫秒 -->
4  <translate android:fromXDelta="600"
5             android:toXDelta="20"
6             android:duration="5000" />
7  <!--  從 不透明 到 透明 時間 1000 毫秒 -->
8  <alpha android:fromAlpha="1.0"
9         android:toAlpha="0.0"
10         android:duration="1000" />
11</set>
Categories: Android

Related Posts

Android

[Android]透過ZXing讀取BarCode和QRCode

ZXing Project Home ZXing是一個用Java實作而 Read more…

Android

[Android]取得 Layout View物件

開發手持裝置時，多少都會動態更動到Layout View物件 要操作L Read more…

Android

[Android]利用TelephonyManager取得電信資訊

Android可以透過TelephonyManager來取得電信資訊 Read more…