Um die Pich-to-Zoom-Funktion im Phonegap-WebView nutzen zu k\u00f6nnen, sind ein paar Anpassungen in der Hauptmethode der Applikation n\u00f6tig. Pinch-To-Zoom wird h\u00e4ufig f\u00fcr das Skalieren bzw. Zoomen von Bildern genutzt. Diese Funktion kann man wie folgt in Phonegap aktivieren. Sobald man jedoch Pinch-To-Zoom aktiviert, ist zu beachten, dass alle Elemente auf der Seite ebenfalls gezoomt werden. Daher ist es ratsam nur ein Bildelement auf einer zoomf\u00e4higen Seite zu setzen. Sobald sich auch andere Elemente auf der Seite befinden, z.B. Vor- oder Zur\u00fcck-Button, Header, Footer etc., sind auch diese Elemente vom Zoom nicht ausgeschlossen, da die weiteren Elemente sich ebenfalls im selben WebView befinden.<\/p>\n
<\/p>\n
Zuerst muss die Hauptdatei bearbeitet werden. Unter der Zeile<\/p>\n
super.loadUrl(\"file:\/\/\/android_asset\/www\/index.html\");<\/pre>\nm\u00fcssen folgende Einstellungen eingef\u00fcgt werden:<\/p>\n
\/\/ Gibt ein Settings-Objekt vom AppView zur\u00fcck\r\nWebSettings settings = appView.getSettings();\r\n\r\n\/\/ Aktiviert die internen WebView Zoom-Controls\r\nsettings.setBuiltInZoomControls(true);\r\n\r\n\/\/ Aktiviert die Unterst\u00fctzung des On-Screen-Zooms und \u00fcber die Zoom-Steuerelemente\r\nsettings.setSupportZoom(true);\r\n\r\n\/\/ Legt den Standard-Zoom der Seite fest\r\nsettings.setDefaultZoom(ZoomDensity.MEDIUM);\r\n\r\n\/\/ Das WebView wird komplett rausgezoomt geladen\r\nsettings.setLoadWithOverviewMode(true);\r\n\r\n\/\/ Das WebView wird wie auf einem normalen Desktop-Rechner angezeigt\r\nsetting.setUseWideViewPort(true);<\/pre>\nDie n\u00f6tigen Imports:<\/p>\n
import android.webkit.WebSettings;\r\nimport android.webkit.WebSettings.ZoomDensity;<\/pre>\nIn der zu “zoomenden” HTML-Datei z.B. noch folgende Code-Zeile im HEAD-Bereich einf\u00fcgen:<\/p>\n
<\/pre>\n","protected":false},"excerpt":{"rendered":"