安卓學習-介面-ui-ViewFlipper

標籤：android   style   blog   http   color   os   io   java   ar   

ViewFlipper可以添加多個View並可以上一張、下一張、自動播放等

3個View，內容隨便

view1.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <TextView        android:id="@+id/textView1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="第一頁"        android:textAppearance="?android:attr/textAppearanceLarge" />    <Button        android:id="@+id/button1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Button" /></LinearLayout>

View Code

view2.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <TextView        android:id="@+id/textView1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="第二頁"        android:textAppearance="?android:attr/textAppearanceLarge" />    <ZoomControls        android:id="@+id/zoomControls1"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></LinearLayout>

View Code

view3.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <TextView        android:id="@+id/textView1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="第三頁"        android:textAppearance="?android:attr/textAppearanceLarge" />    <AnalogClock        android:id="@+id/analogClock1"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></LinearLayout>

View Code

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/linearLayout1"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical"     android:background="#999"    >    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content" >        <Button            android:id="@+id/button1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="上一張" />        <Button            android:id="@+id/button2"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="下一張" />        <Button            android:id="@+id/button3"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="自動播放" />    </LinearLayout>    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content" >        <ViewFlipper            android:id="@+id/viewFlipper1"            android:layout_width="match_parent"            android:layout_height="match_parent" >        </ViewFlipper>    </LinearLayout></LinearLayout>

View Code

MainActivity.java

public class MainActivity extends Activity{    //用來判斷手指是向左滑動還是向右    float x1;    float x2;        ViewFlipper viewFlipper1;        @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);                viewFlipper1=(ViewFlipper)findViewById(R.id.viewFlipper1);        Button btn1=(Button)findViewById(R.id.button1);        Button btn2=(Button)findViewById(R.id.button2);        Button btn3=(Button)findViewById(R.id.button3);                View view1=LayoutInflater.from(getApplicationContext()).inflate(R.layout.view1, null);        View view2=LayoutInflater.from(getApplicationContext()).inflate(R.layout.view2, null);        View view3=LayoutInflater.from(getApplicationContext()).inflate(R.layout.view3, null);        viewFlipper1.addView(view1, 0);        viewFlipper1.addView(view2, 1);        viewFlipper1.addView(view3, 2);                //上一張        btn1.setOnClickListener(new OnClickListener() {            public void onClick(View v) {                pre();            }        });        // 下一張        btn2.setOnClickListener(new OnClickListener() {            public void onClick(View v) {                next();            }        });                btn3.setOnClickListener(new OnClickListener() {                        @Override            public void onClick(View v) {                viewFlipper1.setFlipInterval(1000);                viewFlipper1.startFlipping();                            }        });        //識別手勢        viewFlipper1.setOnTouchListener(new OnTouchListener() {            public boolean onTouch(View v, MotionEvent event) {                //手指按下時的座標                if(event.getAction()==MotionEvent.ACTION_DOWN){                    x1=event.getX();                }                //手指鬆開時的座標                else if(event.getAction()==MotionEvent.ACTION_UP){                    x2=event.getX();                    //向左滑動                    if(x1-x2>0){                        Log.v("", "向左滑動");                        next();                                            }                    //向右滑動                    else if(x2-x1>0){                        Log.v("", "向右滑動");                        pre();                    }                }                return true;            }        });      }            void next(){        // 為ViewSwitcher的組件顯示過程設定動畫          viewFlipper1.setInAnimation(this, R.anim.slide_in_right);         // 為ViewSwitcher的組件隱藏過程設定動畫          viewFlipper1.setOutAnimation(this, R.anim.slide_out_left);          viewFlipper1.showNext();    }       void pre(){        //為ViewSwitcher的組件顯示過程設定動畫         viewFlipper1.setInAnimation(this, android.R.anim.slide_in_left);          // 為ViewSwitcher的組件隱藏過程設定動畫          viewFlipper1.setOutAnimation(this, android.R.anim.slide_out_right);          viewFlipper1.showPrevious();            }    }

View Code

 

安卓學習-介面-ui-ViewFlipper