Pinch Zoom in webview [Android]
Solution 1
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 xml
WebImageView img = (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 image
new PinchImageView(img);
Solution 2
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 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.
Roskvist
Updated on June 12, 2022Comments
-
Roskvist almost 2 years
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 that detects the use of pinch zoom ? there are several examples of it working on an iphone, and on my website there is a script for the pinch zoom but it is only working on iphone.....
Is it possible to get it to work on Android ?
Thanks
-
Mark Storer over 13 yearsI think he's trying to detect the pinch from within the JS of the web page.
-
Andro Selva almost 13 yearsI tried importing this jar file and executed my code, but I am getting an ClassNotFound Exception during runtime. Any help?