cordova - 如何在 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" />`

在主 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() 方法允许您在捏缩放时隐藏 native Webview 缩放控件(如果您认为它们很烦人)。

上面的工作使用: 安卓 API 级别 30； Cordova 11.0.0； cordova-android平台10.1.1