Android使用ViewFlipper做页面切换，与手势滑动切换的使用

来源：互联网发布：网络作家我的一些收藏编辑：程序博客网时间：2024/05/16 09:23

Android系统自带有一个多页面管理的控件：ViewFlipper.

它可以简单实现子页面的切换，，，

它只需使用addView方法添加几个View，每个View对应的是一个页面，即可完成对于多页面的管理，，，

在android上实现手势的识别也比较简单，可以实现OnTouchListener和OnGuestureListener接口，

然后在OnTouch函数中注册GestureDetector来判别手势动作，

参考一位大牛的文章：

http://wang-peng1.iteye.com/blog/572886

GestureDetector.OnGestureListener：用来通知普通的手势事件，该接口有如下六个回调函数：
1.   onDown(MotionEvent e)：down事件；
2.   onSingleTapUp(MotionEvent e)：一次点击up事件；
3.   onShowPress(MotionEvent e)：down事件发生而move或则up还没发生前触发该事件；
4.   onLongPress(MotionEvent e)：长按事件；
5.   onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)：滑动手势事件；
6.   onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)：在屏幕上拖动事件。

主要判断是在onFling()函数里面，e1表示开始按下去的位置信息，e2表示抬起时的位置信息，因此可以通过它们在x轴上面的距离差来是左滑还是右滑。。。

view plaincopy to clipboardprint?
01.public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
02.        float velocityY) {
03.    // TODO Auto-generated method stub
04.    if (e2.getX()-e1.getX() > 100) {
05.        // fling right
06.        showNextView();
07.    } else if (e1.getX() - e2.getX() > 100) {
08.        // fling left
09.        showPreviousView();
10.    }
11.    return false;
12.}

资源文件：

view plaincopy to clipboardprint?
01.<?xml version="1.0" encoding="utf-8"?>
02.<LinearLayout
03. xmlns:android="http://schemas.android.com/apk/res/android"
04. android:orientation="vertical"
05. android:layout_width="fill_parent"
06. android:layout_height="fill_parent">
07.<LinearLayout
08. xmlns:android="http://schemas.android.com/apk/res/android"
09. android:orientation="horizontal"
10. android:layout_width="fill_parent"
11. android:layout_height="wrap_content">
12.    <Button
13.      android:id="@+id/btnPrev"
14.      android:text="Previous"
15.      android:layout_width="wrap_content"
16.      android:layout_height="wrap_content" />
17.    <Button
18.      android:id="@+id/btnNext"
19.      android:text="Next"
20.      android:layout_width="wrap_content"
21.      android:layout_height="wrap_content" />
22.</LinearLayout>
23.<ViewFlipper
24. android:id="@+id/vfFlingTest"
25. android:layout_width="fill_parent"
26. android:layout_height="fill_parent"></ViewFlipper>
27.</LinearLayout>

代码：

view plaincopy to clipboardprint?
01.package com.sf.learn;
02.import android.app.Activity;
03.import android.os.Bundle;
04.import android.view.GestureDetector;
05.import android.view.KeyEvent;
06.import android.view.MotionEvent;
07.import android.view.View;
08.import android.view.GestureDetector.OnGestureListener;
09.import android.view.View.OnClickListener;
10.import android.view.View.OnTouchListener;
11.import android.view.ViewGroup.LayoutParams;
12.import android.view.animation.AnimationUtils;
13.import android.widget.Button;
14.import android.widget.EditText;
15.import android.widget.ImageView;
16.import android.widget.TextView;
17.import android.widget.ViewFlipper;
18.public class FlingTest extends Activity implements
19.            OnTouchListener, OnGestureListener{
20.    private Button btnPrev;
21.    private Button btnNext;
22.    private ViewFlipper vfFlingTest;
23.
24.    private TextView tvFlipper;
25.    private EditText etFlipper;
26.    private ImageView ivFlipper;
27.
28.    private GestureDetector mGestureDetector;
29.
30.    @Override
31.    protected void onCreate(Bundle savedInstanceState) {
32.        // TODO Auto-generated method stub
33.        super.onCreate(savedInstanceState);
34.        setContentView(R.layout.fling_test);
35.
36.        btnPrev = (Button)findViewById(R.id.btnPrev);
37.        btnNext = (Button)findViewById(R.id.btnNext);
38.        vfFlingTest = (ViewFlipper)findViewById(R.id.vfFlingTest);
39.
40.        initViews();
41.
42.        vfFlingTest.addView(tvFlipper);
43.        vfFlingTest.addView(etFlipper);
44.        vfFlingTest.addView(ivFlipper);
45.
46.        vfFlingTest.setOnTouchListener(this);
47.        vfFlingTest.setLongClickable(true);
48.        mGestureDetector = new GestureDetector(this);
49.
50.        btnPrev.setOnClickListener(new OnClickListener() {
51.
52.            public void onClick(View v) {
53.                // TODO Auto-generated method stub
54.                showPreviousView();
55.            }
56.        });
57.
58.        btnNext.setOnClickListener(new OnClickListener() {
59.
60.            public void onClick(View v) {
61.                // TODO Auto-generated method stub
62.                showNextView();
63.            }
64.        });
65.    }
66.
67.    public void showPreviousView() {
68.        vfFlingTest.setInAnimation(AnimationUtils.loadAnimation(
69.                this, R.anim.slide_right_in));
70.        vfFlingTest.setOutAnimation(AnimationUtils.loadAnimation(
71.                this, R.anim.slide_left_out));
72.        vfFlingTest.showPrevious();
73.    }
74.
75.    public void showNextView() {
76.        vfFlingTest.setInAnimation(AnimationUtils.loadAnimation(
77.                this, R.anim.slide_left_in));
78.        vfFlingTest.setOutAnimation(AnimationUtils.loadAnimation(
79.                this, R.anim.slide_right_out));
80.        vfFlingTest.showNext();
81.    }
82.
83.    private void initViews() {
84.        tvFlipper = new TextView(this);
85.        tvFlipper.setText("this is a text view!");
86.
87.        etFlipper = new EditText(this);
88.        etFlipper.setText("this is a text view!");
89.
90.        ivFlipper = new ImageView(this);
91.        ivFlipper.setLayoutParams(new LayoutParams(
92.                LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
93.        ivFlipper.setImageResource(R.drawable.pic1);
94.    }
95.    @Override
96.    protected void onDestroy() {
97.        // TODO Auto-generated method stub
98.        android.os.Process.killProcess(android.os.Process.myPid());
99.        super.onDestroy();
100.    }
101.    @Override
102.    public boolean onKeyDown(int keyCode, KeyEvent event) {
103.        // TODO Auto-generated method stub
104.        if (keyCode == KeyEvent.KEYCODE_BACK) {
105.            finish();
106.            return true;
107.        }
108.        return super.onKeyDown(keyCode, event);
109.    }
110.    public boolean onTouch(View view, MotionEvent event) {
111.        // TODO Auto-generated method stub
112.        return mGestureDetector.onTouchEvent(event);
113.    }
114.
115.    public boolean onDown(MotionEvent arg0) {
116.        // TODO Auto-generated method stub
117.        return false;
118.    }
119.    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
120.            float velocityY) {
121.        // TODO Auto-generated method stub
122.        if (e2.getX()-e1.getX() > 100) {
123.            // fling right
124.            showNextView();
125.        } else if (e1.getX() - e2.getX() > 100) {
126.            // fling left
127.            showPreviousView();
128.        }
129.        return false;
130.    }
131.    public void onLongPress(MotionEvent e) {
132.        // TODO Auto-generated method stub
133.
134.    }
135.    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
136.            float distanceY) {
137.        // TODO Auto-generated method stub
138.        return false;
139.    }
140.    public void onShowPress(MotionEvent e) {
141.        // TODO Auto-generated method stub
142.
143.    }
144.    public boolean onSingleTapUp(MotionEvent e) {
145.        // TODO Auto-generated method stub
146.        return false;
147.    }
148.}

还有就是一个页面切换的简单动画效果（slide_right_out.xml），

其它的自己扩展，，，

view plaincopy to clipboardprint?
01.<?xml version="1.0" encoding="utf-8"?>
02.<set xmlns:android="http://schemas.android.com/apk/res/android">
03.<translate
04. android:fromXDelta="0%p"
05. android:toXDelta="100%p"
06. android:duration="1000" />
07.</set>

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/Yao_GUET/archive/2011/04/18/6331299.aspx