javascript - ウェブビューでピンチズーム [Android]

Question

WebView にロードされている私の Web サイトには、マップがあります。ズーム、ドラッグなどのダブルタップを検出するJavaスクリプトもありますが、ピンチズームの使用を検出するJavaScriptを持つことは可能ですか? iPhoneで動作する例がいくつかあります。私のWebサイトにはピンチズーム用のスクリプトがありますが、iPhoneでのみ動作しています.....

Androidで動作させることは可能ですか?

ありがとう

Answer 1

WebViewでWebコンテンツをスケーリングし、ピンチとズームを有効にしたい場合は、単純なAndroidの方法をお勧めします。

webView.getSettings().setBuiltInZoomControls(true);

API 11以降を使用している場合は、コントロールを非表示にすることもできます

webView.getSettings().setDisplayZoomControls(false)

Answer 2

に切り替えるとピンチズームを有効にするためにプロジェクトに含めることができるandroid-pinchと呼ばれるオープンソースライブラリがありWebViewますWebImageView。使用例はこちら...

// 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);

Answer 3

Androidビューでピンチを検出するためのコードを書いたのは、正確にはWebビューではなく、任意のレイアウトです。

これに対する解決策を見つけるのに何日もかかったので、独自のカスタム ピンチ ジェスチャ検出器を作成しました。

Github で見ることができます: http://github.com/luisfer/Neckar

それが役に立てば幸い。

Answer 4

この優れたチュートリアルは、ピンチ ジェスチャの実装方法を示しています。