[Android实例] webview 实现翻页功能

这是我在项目中用的一个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事件进行处理.