WebView的缩放与左右滑动手势

在使用WebView的时候如果需要访问网页时,经常需要使用缩放,一般WebView都喜欢添加左右滑动的监听事件,可以方便的goBack和goForward。如果在打开放大的网页时,会出现一种情况就是,放大了以后需要左右的移动查看完整的内容,但同时左右移动查看的同时又会出发左右滑动的监听事件,导致goBack和goForward。所以为了解决这个问题,自己想了一种解决办法,经实验后发现有效,思路是在放大的时候屏蔽掉滑动的监听事件。

MainActivity.java

public MainActivity extends Activity {  	
    private final int FIRST_TIME = 0;
    private final int SECOND_TIME = 1;
    private final int SERVERAL_TIME = 2;
	
    private float orginalScale = 0;    // 原始的scale
    private float currentScale = 0;    // 当前页面的原始scale
    private int times = FIRST_TIME;    // 记录当前页面的缩放次数,每次页面跳转的时候都需要将times设置为FIRST_TIME(注意!!!)

    private boolean canSlip = false;   // 是否能左右滑动,因为缩放的时候需要屏蔽掉左右滑动防止goBack和goForward

    @Override    
    public void onCreate(Bundle savedInstanceState) {   
	// 设置缩放
        webView.getSettings().setBuiltInZoomControls(true);

	// 使页面适应用户屏幕
	webView.getSettings().setUseWideViewPort(true); 
	webView.getSettings().setLoadWithOverviewMode(true);

	mWebView.setWebViewClient(new WebViewClient() {
	    @Override
	    public void onReceivedError(WebView view, int errorCode,
			String description, String failingUrl) {
		Toast.makeText(getActivity(), "Oh no! " + description, Toast.LENGTH_SHORT).show();
				
		super.onReceivedError(view, errorCode, description, failingUrl);
	    }

	    @Override
	    public void onScaleChanged(WebView view, float oldScale,
		   float newScale) {			
	        // 记录当前页面未缩放时的currentScale
	        if (times == FIRST_TIME) {
		    orginalScale = oldScale;
		    currentScale = newScale;
		    times = SECOND_TIME;
	        }
	        // 有手机版的网页启动时都会两次scale变化,这个currentScale是手机网页未缩放时的scale,原理不太明白
	        else if (times == SECOND_TIME && newScale == orginalScale) {
		    currentScale = newScale;
		    times = SERVERAL_TIME;
	        }
                // 已经缩放了网页
	        else {
		    times = SERVERAL_TIME;
	        }
				
	        // 如果当前缩放规模不等于未缩放时的规模,则不允许滑动切换网页
	        if (currentScale != newScale) {
                    canSlip = false;
	        }
	        // 如果当前缩放规模等于未缩放时的规模,则允许滑动切换网页
	        else {
                    canSlip = true;
	        }
				
	        super.onScaleChanged(view, oldScale, newScale);	                                                                                                      }		
       });
    }

    public boolean onTouchEvent(MotionEvent event) {  
	if (canSlip) {
	    gestureDetector.onTouchEvent(event);    
	}
	    
	return super.onTouchEvent(event);
    }  
}
要获取WebView的缩放规模,本来可以使用getScale函数,但现在官方已经不推荐使用,推荐使用WebViewClient里面的onScaleChanged回调函数,所以缩放规模的判断放到此函数中。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值