Android之ViewFlipper的用法

1>比如滑动手指,界面切换.就可以使用ViewFlipper来实现

ViewFlipper简单的使用:

先在layout配置文件里面添加两个按钮和一个ViewFlipper控件

 

?

<Button

     android:id="@+id/button1"

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     android:onClick="pre"

     android:text="上一个"/>

 

 <Button

     android:id="@+id/button2"

     android:onClick="next"

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     android:text="下一个"/>

 

 <ViewFlipper

       android:id="@+id/flipper"

     android:layout_width="wrap_content"

     android:layout_height="wrap_content"

     ></ViewFlipper>

 

　　

然后在activity中添加如下代码:

 

?

@Override

    publicvoid onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

 

        flipper = (ViewFlipper) this.findViewById(R.id.flipper);

        //往flipper添加三个textView

        TextView tv1 = newTextView(this);

        tv1.setText("text1");

        flipper.addView(tv1);

        TextView tv2 = newTextView(this);

        tv2.setText("text2");

        flipper.addView(tv2);

        TextView tv3 = newTextView(this);

        tv3.setText("text3");

        flipper.addView(tv3);

 

    }

 

    publicvoid pre(View view) {

        flipper.showPrevious();

    }

 

    publicvoid next(View view) {

        flipper.showNext();

    }

 

　　通过单击上一个/下一个进行不同view切换.

当然这只是简单的初步体验,接下来让我们继续他的学习

当我们用手指滑动屏幕的时候,让它实现view的切换.

现在来实现一下布局:

?

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical">

 

    <LinearLayout

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:orientation="horizontal">

 

        <Button

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:onClick="pre"

            android:text="上一个"/>

 

        <Button

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:onClick="next"

            android:text="下一个"/>

    </LinearLayout>

 

    <ViewFlipper

        android:id="@+id/vf"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent">

 

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="textview1"/>

 

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="textview2"/>

 

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="textview3"/>

    </ViewFlipper>

 

</LinearLayout>

　　要实现这个功能首先要手势识别,

?

publicclass DemoActivity extendsActivity {

     

    ViewFlipper vf;

    GestureDetector mGestureDetector;

     

    @Override

    publicvoid onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        vf = (ViewFlipper) this.findViewById(R.id.vf);

        //完成手势识别器的初始化

        mGestureDetector = newGestureDetector(newGestureDetector.SimpleOnGestureListener(){

 

            // 手指滑动屏幕的时候 调用的方法

            // e1 是第一触摸屏幕时候的事件

            // e2 手指离开时候 的事件

            // velocityX x方向的速度

            // velocityY y方向的速度

            @Override

            publicboolean onFling(MotionEvent e1, MotionEvent e2,

                    floatvelocityX, floatvelocityY) {

                //如果垂直方向移动的距离过大 就是无效的手势

                if(Math.abs(e1.getY()-e2.getY()) >100){

                    returnfalse;

                }

                //判断向右滑动屏幕的事件

                if(e2.getX()-e1.getX()>100&& Math.abs(velocityX)>100){

                     

                    // 指定下一个view对象进来时候的动画效果

                    AlphaAnimation aa = newAlphaAnimation(0.0f,1.0f);

                    aa.setDuration(2000);

                    vf.setInAnimation(aa);

                    //设置当前view对象出去时候的动画效果

                    AlphaAnimation outaa = newAlphaAnimation(1.0f,0.0f);

                    aa.setDuration(2000);

                    vf.setOutAnimation(outaa);

                     

                    //显示下一个内容

                    vf.showNext();

                }

                //判断向左滑动屏幕的事件

                if(e1.getX()-e2.getX()>100&& Math.abs(velocityX)>100){

                    // 指定下一个view对象进来时候的动画效果

                    AlphaAnimation aa = newAlphaAnimation(0.0f,1.0f);

                    aa.setDuration(2000);

                    vf.setInAnimation(aa);

                    //设置当前view对象出去时候的动画效果

                    AlphaAnimation outaa = newAlphaAnimation(1.0f,0.0f);

                    aa.setDuration(2000);

                    vf.setOutAnimation(outaa);

                    //显示上一个内容

                    vf.showPrevious();

                }

                returnsuper.onFling(e1, e2, velocityX, velocityY);

            }

        });

         

         

         

    }

     

    //按钮的单击事件

    publicvoid pre(View view){

        vf.showPrevious();

    }

    publicvoid next(View view){

        vf.showNext();

    }

 

    // 处理触摸事件的分发,如果touch事件没有被消费掉放回false,反之返回true

    //提高touch的灵敏性

    @Override

    publicboolean dispatchTouchEvent(MotionEvent ev) {

        booleanflag = mGestureDetector.onTouchEvent(ev);

        if(!flag){

            flag = super.dispatchTouchEvent(ev);

        }

        returnflag;

    }

 

    @Override

    publicboolean onTouchEvent(MotionEvent event) {

        // 需要通过手势识别器 去识别触摸的动作

        mGestureDetector.onTouchEvent(event);

        returntrue;

    }

 

}

　　希望对大家有帮助,有误的地方请大家不吝指正...