WebView [Android]のズームをピンチズーム

Question

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

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

ありがとう

Answer 1

呼ばれるオープンソースライブラリがあります 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 2

WebViewでWebコンテンツをスケーリングし、ピンチとズームを有効にしたい場合は、シンプルなAndroidの方法を好みます。

webView.getSettings().setBuiltInZoomControls(true);

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

webView.getSettings().setDisplayZoomControls(false)

Answer 3

Androidビューでピンチを検出するためのコードを書いたのは、WebViewではなく、レイアウトではありません。

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

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

それが役に立てば幸い。

Answer 4

これは素晴らしい チュートリアル ピンチジェスチャーを実装する方法を示します。