如何在 Android 下的 cordova 應用程序中啟用捏合縮放

Question

在 Android cordova 應用程序中啟用捏縮放是否有任何明確/官方的指南？ 我已經閱讀了很多關於此的帖子，但無法使其正常工作。 我的 cordova 是 11.0.0，android 平台是 10.1.1。 提前致謝！

Answer 1

我設法使用以下步驟解決了問題：

1. 我在 index.html 中添加了以下元標記

<meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=3, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />`

2. 在主 Java 文件（platforms/android/app/src/main/java/com/domainname/www/MainActivity.java）中添加了這些行

• 額外進口：

import android.webkit.WebView;
import android.webkit.WebSettings;`

• loadUrl(launchUrl) 之后的附加代碼； onCreate 方法中的行：

WebView webView = (WebView) appView.getEngine().getView();
WebSettings settings = webView.getSettings();
settings.setBuiltInZoomControls(true);
settings.setDefaultZoom(WebSettings.ZoomDensity.MEDIUM);
settings.setDisplayZoomControls(false);
settings.setSupportZoom(true);

setDisplayZoomControls()方法允許您隱藏本機 Webview 縮放控件，如果您認為它們很煩人，則可以在捏縮放時隱藏它們。

以上正在使用：Android API 30級； cordova 11.0.0； 科爾多瓦安卓平台 10.1.1