android横向滑动缩放,关于APP内实现界面手动缩放滑动效果

关于APP内页面不能缩放和缩放后不能左右滑动的原因主要有两点：

1.我们的混合应用使用的视图控件WebView初始化时禁止了页面缩放的功能，需要我们手动设置WebView，将它页面可缩放的属性值设为true；

2.页面中的meta标签中的viewport限制了页面的缩放功能，需要我们在需要缩放的页面手动更改meta标签viewport属性值；

首先需要将cordova-plugin-ionic-webview插件的可缩放属性值设置为true；

需要赋值的属性值如下：

settings.setUseWideViewPort(true);//关键点

settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

settings.setDisplayZoomControls(false);

settings.setBuiltInZoomControls(true); // 设置显示缩放按钮

settings.setSupportZoom(true); // 使页面支持缩放

settings.setLoadWithOverviewMode(true);