2012-05-03 50 views
1

我在Android WebView中显示网页。该页面需要缩放以适应WebView的可用宽度。禁用WebView双标签缩放

HTML(宽度550仅仅是一个例子,也可以改变):

<html> 
<head> 
<meta name="viewport" content="width=550"> 
... 

爪哇:

mWebView = (WebView)findViewById(R.id.webView); 
mWebView.getSettings().setJavaScriptEnabled(true); 
mWebView.setHorizontalScrollBarEnabled(false); 
mWebView.setVerticalScrollBarEnabled(false); 
mWebView.requestFocus(View.FOCUS_DOWN); 
mWebView.getSettings().setLoadWithOverviewMode(true); // required for scaling 
mWebView.getSettings().setUseWideViewPort(true); // required for scaling 
mWebView.loadUrl(someUrl); 

此工作正常,但一个问题:双标签触发概述之间的开关模式和默认比例。
有什么办法可以禁用这个功能吗?

顺便说一句:我不能计算代码中的比例,因为加载的页面可能有不同的大小,我事先不知道。我也已经检查过WebView的源代码,但没有看到任何我可以覆盖或更改的东西。

回答

0

你可以写你自己的WebView实现implemting OnGestureListener:

public class MyWebView extends WebView implements OnGestureListener 

内声明GestureDetector:

private GestureDetector    gestureDetector; 

实现一个initWebView()方法,并调用它在这样的构造:

// Best you do this for every WebViewConstructor: 
    public AppWebView(Context context) { 
    super(context); 
    initWebView(); } 

private void initWebView(){ 
    gestureDetector = new GestureDetector(getContext(), this); 
    // Do any other customizations for your webview if you like. 
} 

现在实现OnGestureListene中的方法r和上双击事件返回true:

public boolean onSingleTapConfirmed(MotionEvent e) { 
    return false; //Nothing 
    } 

    public boolean onDoubleTap(MotionEvent e) { 
    return true; //Nothing 
    } 

    public boolean onDoubleTapEvent(MotionEvent e) { 
    return true; //Nothing 
    } 

    public boolean onDown(MotionEvent e) { 
    return false; //Nothing 
    } 

    public void onShowPress(MotionEvent e) { 
    //Nothing 
    } 

    public boolean onSingleTapUp(MotionEvent e) { 
    return false; //Nothing 
    } 

    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { 
    return false; //Nothing 
    } 

    public void onLongPress(MotionEvent e) { 
    //Nothing 
    } 

    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { 
    return false; //Nothing 
    } 

最后重写网页视图中的onTouchEvent,让它穿过事件姿态探测器是这样的:

@Override 
    public boolean onTouchEvent(MotionEvent event) { 
    if (gestureDetector.onTouchEvent(event)) return true; 
    return super.onTouchEvent(event); 
    } 

这个工作通常不错,但有此解决方案存在1个基本缺陷:某些未被识别为DoubleTap事件的事件可能会导致您的webview缩放。

I'm仍在为一个解决方案,并会张贴我的进步在这里: WebView getting rid of double tap zoom.

+0

Thx,看起来很有希望。我将接受它作为答案而不进行测试。我做了一个黑客,我完全禁用了缩放功能,将WebView传递给了HTML,并且适合JavaScript内的内容。不是很好,但它工作。 – SimonSays

0

一般来说,改变一个已知的API并不是好的做法。你应该找到一个不同的方式来做到这一点,也许longClick。不管怎么说,看看this similar question

+0

双标签是不是我补充。它被嵌入到WebView中,所以我无法改变它。无论如何,我不想添加它,我想禁用它。 – SimonSays

+0

正如我所说的,在本地用户界面中禁用nuilt是不好的做法 – thepoosh

0

如果可能的话,在你的HTML代替静态的meta标签:

<script> 
var meta = document.createElement("meta"); 
meta.setAttribute('name','viewport'); 
meta.setAttribute('content','width=device-width, user-scalable=no'); 
document.getElementsByTagName('head')[0].appendChild(meta); 
</script> 

此外,您可以使用一个不错的脚本:FastClick
它不会等待点击事件,所以它更快。

<script type="application/javascript" src="fastclick.js"></script> 

    <script language="javascript"> 

     window.addEventListener('load', function() { 
      FastClick.attach(document.body); 
     }, false); 

</script> 

然后为您的手势检测器设置一个双击侦听器。(自定义的WebView)

gestureDetector.setOnDoubleTapListener(new OnDoubleTapListener() { 

    @Override 
    public boolean onSingleTapConfirmed(MotionEvent e) { 
     return false; 
    } 

    @Override 
    public boolean onDoubleTapEvent(MotionEvent e) { 

     return true; 
    } 

    @Override 
    public boolean onDoubleTap(MotionEvent e) { 

     return true; 
    } 
}); 

覆盖的方法的onTouchEvent(自定义的WebView):

@Override 
public boolean onTouchEvent(MotionEvent event) { 

    boolean gestureHandled = gestureDetector.onTouchEvent(event); 
    int actionMask = event.getActionMasked() & MotionEvent.ACTION_MASK; 
    int index = (event.getAction() & MotionEvent.ACTION_POINTER_INDEX_MASK) >> MotionEvent.ACTION_POINTER_INDEX_SHIFT; 
    int pointId = event.getPointerId(index); 

    // ignore move events 
    if (actionMask == MotionEvent.ACTION_MOVE) { 

     return super.onTouchEvent(event); 
    } 

    // cancel detected double taps 
    if (gestureDetector.onTouchEvent(event)) { 
     event.setAction(MotionEvent.ACTION_CANCEL); 
     super.onTouchEvent(event); 
     return true; 
    } 

    // if you want to ignore multi touch events/taps 
    if (pointId != 0) { 

     System.out.println("KEY multiple points detected"); 
     return true; 
    } 

    // use single taps 
    if (event.getAction() == MotionEvent.ACTION_UP) { 

     event.setAction(MotionEvent.ACTION_CANCEL); 
     super.onTouchEvent(event); 
     event.setAction(MotionEvent.ACTION_DOWN); 
     super.onTouchEvent(event); 
     event.setAction(MotionEvent.ACTION_UP); 
     return true; 
    } 

return super.onTouchEvent(event); 
}