这是我在项目中用的一个webview 实现翻页功能 ,这个功能主要用到了ViewFlipper控件,

下面我给详细的介绍一下:

MyWebView 这个类很重要,

package com.filpper;

import android.content.Context;

import android.util.Log;

import android.view.MotionEvent;

import android.view.animation.AnimationUtils;

import android.webkit.WebView;

import android.widget.LinearLayout;

import android.widget.ViewFlipper;

public class MyWebView extends WebView{

float downXValue; 

long downTime;    

private ViewFlipper flipper; 

private float lastTouchX,lastTouchY; 

private boolean hasMoved = false; 

public MyWebView(Context context, ViewFlipper flipper) {

  super(context);

  

  

  this.flipper=flipper;

  }

@Override

public boolean onTouchEvent(MotionEvent evt) {

  // TODO Auto-generated method stub

  boolean consumed = super.onTouchEvent(evt);

  if(isClickable()){

   switch (evt.getAction()){

   

   case MotionEvent.ACTION_DOWN:

    lastTouchX=evt.getX();

    lastTouchY=evt.getY();

    downXValue=evt.getX();

    downTime=evt.getEventTime();

    hasMoved=false;

    break;

    

   case MotionEvent.ACTION_MOVE:

    hasMoved=moved(evt);

    break;

   

    

   case MotionEvent.ACTION_UP:

    float currentX=evt.getX();

    long currentTime=evt.getEventTime();

    float difference = Math.abs(downXValue - currentX);

    long time=currentTime-downTime;

    Log.i("Touch Event========", "Distance: " + difference + "px Time: "+ time + "ms");

   

    if((downXValue < currentX) && (difference > 100 && (time < 220))) {

                         /** 跳到上一页 */

     this.flipper.setInAnimation(AnimationUtils.loadAnimation(

       this.getContext(), R.anim.push_right_in));

     this.flipper.setOutAnimation(AnimationUtils.loadAnimation(   

       this.getContext(), R.anim.push_right_out));   

     

     flipper.showPrevious();             

     }

    

    

    /** X轴滑动间隔大于100，并且时候小于220ms，并且向X轴左标的目标滑动 */

    if ((downXValue > currentX) && (difference > 100) && (time < 220)) {

     /** 跳到下一页 */

     this.flipper.setInAnimation(AnimationUtils.loadAnimation(                            

       this.getContext(),R.anim.push_left_in));     

     this.flipper.setOutAnimation(AnimationUtils.loadAnimation(                        

       this.getContext(), R.anim.push_left_out));

     flipper.showNext();                 

     }                

    break;           

    }        

   

   }

   

   

   

   

   

  

  return consumed || isClickable();

}

private boolean moved(MotionEvent evt){

  

  return hasMoved|| Math.abs(evt.getX()-lastTouchX)>10.0||Math.abs(evt.getY()-lastTouchY)>10.0;

}

}

这个类中主要是对onTouchEvent事件进行处理.