Pinch Zoom In Webview [android]

On my website, which is loaded in the webview, there is a map. There are also java scripts that detects double tap for zoom, dragging etc. But is it possible to have a javascript t

Solution 1:

When you would like to scale web content in you WebView and enable pinch and zoom, I prefer the simple android way.

webView.getSettings().setBuiltInZoomControls(true);

and you can even hide the controls if you are using API 11 or higher

webView.getSettings().setDisplayZoomControls(false)

Solution 2:

There's an open-source library called android-pinch that you can include in your project to enable pinch zoom if you switch your WebView to a WebImageView. Here's an example of usage...

// create the WebImageView object from xmlWebImageViewimg= (WebImageView) findViewById(R.id.main_pic);
// fetches the image in a background thread
img.setImageFromURL("http://www.mysite.com/mypicture.jpg");
// enable pinch-zoom abilities on the imagenewPinchImageView(img);

Solution 3:

It's not exactly in a webview, but in any layout, that I wrote a piece of code for detecting pinch in an Android view.

It took me days to find out a solution for this, so I made my own custom pinch gesture detector.

You can see it in Github: http://github.com/luisfer/Neckar

Hope it helps.

Solution 4:

This excellent tutorial shows how to implement the Pinch gesture.