How To Disable Doubletap Zoom In Android Webview?

How to disable the doubletap zoom in android webview. I have tried many things but it haven't worked. Please suggest me the right solution to achieve this . Actually I am loading a

Solution 1:

Override the onTouchEvent in your WebView. It works in all cases.

@Override
public boolean onTouchEvent( MotionEvent event) {

    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 super.onTouchEvent(event);
}

Solution 2:

Did you check the question below? Please check, this may be related with your question.

Android WebView use setWideViewPort, disable double-tap zoom but keep pinch zoom?

Solution 3:

After lots of trial and error and research on SO, I come up with the following solution that works for my app.

publicclassHelpWebViewextendsWebView {

    private GestureDetector gestureDetector;
    privateAtomicBooleanmPreventAction=newAtomicBoolean(false);

    publicHelpWebView(Context context) {
       super(context);
       gestureDetector = newGestureDetector(context, newGestureListener());
    }

    publicHelpWebView(Context context, AttributeSet attrs) {
        super(context, attrs);
        gestureDetector = newGestureDetector(context, newGestureListener());
    }

    publicHelpWebView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        gestureDetector = newGestureDetector(context, newGestureListener());
    }

    publicHelpWebView(Context context, AttributeSet attrs, int defStyle, boolean     privateBrowsing) {
        super(context, attrs, defStyle, privateBrowsing);
        gestureDetector = newGestureDetector(context, newGestureListener());
    }

    @OverridepublicbooleanonTouchEvent(MotionEvent event) {
        intindex= (event.getAction() & MotionEvent.ACTION_POINTER_INDEX_MASK) >>     MotionEvent.ACTION_POINTER_INDEX_SHIFT;
        intpointId= event.getPointerId(index);

        // just use one (first) finger, prevent double tap with two and more fingersif (pointId == 0){
            gestureDetector.onTouchEvent(event);

            if (mPreventAction.get()){
                mPreventAction.set(false);
                returntrue;
            }

            returnsuper.onTouchEvent(event);
        } else {
            returntrue;
        }
    }

    privateclassGestureListenerextendsGestureDetector.SimpleOnGestureListener {
        @OverridepublicbooleanonDoubleTap(MotionEvent e) {
            mPreventAction.set(true);
            returntrue;
        }
        @OverridepublicbooleanonDoubleTapEvent(MotionEvent e) {
            mPreventAction.set(true);
            returntrue;
        }
        @OverridepublicbooleanonSingleTapConfirmed(MotionEvent e) {
            // onSingleTapConfirmed will only be called after the detector is confident// that the user's first tap is not followed by a second tap leading to a double-tap gesturereturnfalse; // it doesn't matter for the return value here as we only check mPreventAction above
        }
        @OverridepublicbooleanonSingleTapUp(MotionEvent e) {
            mPreventAction.set(true); // this is the key! this would block double tap to zoom to firereturnfalse;
        }
    }
}

I took reference from the following SO answers: https://stackoverflow.com/a/14724407/510577https://stackoverflow.com/a/15547887/510577

Solution 4:

After a lot of research, I merged some answers that did not worked separately, and realised that together worked perfectly for me.

This disables double tap zoom in a WebView.

First, you need to set this in your WebView:

YourWebView.getSettings().setUseWideViewPort(false);

Then, you need to scale your WebView. But first need to get the scale value:

privateint GetWebViewScale(){
    int WebViewWidth = YourWebView.getWidth();
    Double WebViewScale = newDouble(WebViewWidth)/newDouble(YourWebWidth); //Here, you must change YourWebWidth with your web width (in pixels)
    WebViewScale = WebViewScale * 100d;
    return WebViewScale.intValue();
}

Now you can get the scale value with:

YourWebView.setInitialScale(GetWebViewScale());

But, it will not work if you start the code too early, so you will put that code in WebViewClient's onLayoutChange override like this:

YourWebView.addOnLayoutChangeListener(newView.OnLayoutChangeListener(){
        @OverridepublicvoidonLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
        YourWebView.setInitialScale(getScale());
    }
});

Attention: You will probably have thess issues: (Both happened to me)

• The WebView moves a little bit horizontally. (#1)
• The WebView is not scaling. (#2)

Fix issue #1:

• Just add some pixels in the "YourWebWidth" value. For example:

Before:

Double WebViewScale = newDouble(WebViewWidth)/newDouble(500); //(500 is my web's width)

After:

Double WebViewScale =newDouble(WebViewWidth)/newDouble(505); //(500+5) - (This will addsome padding at the leftandrightof your WebView. 2,5px at the left side; 2,5at the right side)

Fix issue #2

• Probably your WebView's visibility is "gone", and when it is, it does not have width. So calling "GetWebViewScale" will not work.

• You need to call it when its visibility is "visible" or "invisible".