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      public void onCreate(Bundle savedInstanceState) {          super .onCreate(savedInstanceState);          setContentView(R.layout.main);            flipper = (ViewFlipper) this .findViewById(R.id.flipper);          //往flipper添加三个textView          TextView tv1 = new TextView( this );          tv1.setText( "text1" );          flipper.addView(tv1);          TextView tv2 = new TextView( this );          tv2.setText( "text2" );          flipper.addView(tv2);          TextView tv3 = new TextView( this );          tv3.setText( "text3" );          flipper.addView(tv3);        }        public void pre(View view) {          flipper.showPrevious();      }        public void 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>

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

?

public class DemoActivity extends Activity {            ViewFlipper vf;      GestureDetector mGestureDetector;            @Override      public void onCreate(Bundle savedInstanceState) {          super .onCreate(savedInstanceState);          setContentView(R.layout.main);          vf = (ViewFlipper) this .findViewById(R.id.vf);          //完成手势识别器的初始化          mGestureDetector = new GestureDetector( new GestureDetector.SimpleOnGestureListener(){                // 手指滑动屏幕的时候 调用的方法              // e1 是第一触摸屏幕时候的事件              // e2 手指离开时候 的事件              // velocityX x方向的速度              // velocityY y方向的速度              @Override              public boolean onFling(MotionEvent e1, MotionEvent e2,                      float velocityX, float velocityY) {                  //如果垂直方向移动的距离过大 就是无效的手势                  if (Math.abs(e1.getY()-e2.getY()) > 100 ){                      return false ;                  }                  //判断向右滑动屏幕的事件                  if (e2.getX()-e1.getX()> 100 && Math.abs(velocityX)> 100 ){                                            // 指定下一个view对象进来时候的动画效果                      AlphaAnimation aa = new AlphaAnimation( 0 .0f, 1 .0f);                      aa.setDuration( 2000 );                      vf.setInAnimation(aa);                      //设置当前view对象出去时候的动画效果                      AlphaAnimation outaa = new AlphaAnimation( 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 = new AlphaAnimation( 0 .0f, 1 .0f);                      aa.setDuration( 2000 );                      vf.setInAnimation(aa);                      //设置当前view对象出去时候的动画效果                      AlphaAnimation outaa = new AlphaAnimation( 1 .0f, 0 .0f);                      aa.setDuration( 2000 );                      vf.setOutAnimation(outaa);                      //显示上一个内容                      vf.showPrevious();                  }                  return super .onFling(e1, e2, velocityX, velocityY);              }          });                                    }            //按钮的单击事件      public void pre(View view){          vf.showPrevious();      }      public void next(View view){          vf.showNext();      }        // 处理触摸事件的分发,如果touch事件没有被消费掉放回false,反之返回true      //提高touch的灵敏性      @Override      public boolean dispatchTouchEvent(MotionEvent ev) {          boolean flag = mGestureDetector.onTouchEvent(ev);          if (!flag){              flag = super .dispatchTouchEvent(ev);          }          return flag;      }        @Override      public boolean onTouchEvent(MotionEvent event) {          // 需要通过手势识别器 去识别触摸的动作          mGestureDetector.onTouchEvent(event);          return true ;      }   }

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