iPad Pro Cordova 应用程序缩放

Posted 2023-02-23

【中文标题】iPad Pro Cordova 应用程序缩放

【英文标题】：iPad Pro Cordova App Scaling

【发布时间】：2016-02-24 16:27:41

【问题描述】：

如何让 iPad Pro 应用在使用 Cordova 时无法缩放？我想出了一个解决方法，将初始、最小和最大比例设置为 0.75，但它仍然显得像素化。当我查看主屏幕上的状态栏与应用程序中的状态栏时，应用程序状态栏明显变大，所以我肯定知道它正在放大。

【参考方案1】：

我想，因为我在 *** 上找不到这个问题的答案，所以我会发布我的解决方案。我从 http://www.cordovacircus.com/articles/ipad-pro-and-cordova 获得了有关此答案的帮助。

步骤： 1. 在你的 Xcode 项目中创建一个故事板。要打开此项目，请转到 app root/platforms/ios/，然后打开 .xcodeproj 文件。 2. 将视图控制器拖入情节提要。这将作为您的启动屏幕运行，因此您可以添加任何您想要的内容。我只需要固定缩放比例，所以我把我的留空。 3. 通过单击 Xcode 中项目的根目录进入常规设置。向下滚动到App Icons and Launch Images，并将Launch Screen File 更改为您刚刚创建的情节提要文件。

瞧！该应用现在应该以全屏模式启动，没有缩放。

【讨论】：

我有相反的问题。我为所有通用设备使用一个独特的故事板。通过这种方式，在 iPhoneX 上，我可以看到我的应用在整个屏幕上全屏显示，这看起来很棒。但是对于 iPad Pro，我想扩展应用程序，例如当您使用旧图像而不是情节提要时（在解决问题之前您这样做的方式）。我的问题是：除了 iPad Pro，我想使用旧图像放大/显示缩放应用程序之外，如何为所有设备使用 Storyboard？

【参考方案2】：

我发现这样做的另一种方法是确保为这个更大的设备加载正确的初始屏幕图像尺寸，如下所述：iPad Pro incorrect app size

安装 Cordova 闪屏插件

将以下内容添加到您的配置文件中

<splash src="res/screen/ios/Default@2x~universal~anyany.png" /> <splash src="res/screen/ios/Default@2x~universal~comany.png" /> <splash src="res/screen/ios/Default@2x~universal~comcom.png" /> <splash src="res/screen/ios/Default@3x~universal~anyany.png" /> <splash src="res/screen/ios/Default@3x~universal~anycom.png" /> <splash src="res/screen/ios/Default@3x~universal~comany.png" />

然后将这些图像制作成以下尺寸

默认@2x~universal~anyany.png - 2732x2732 默认@2x~universal~comany.png - 1278x2732 默认@2x~universal~comcom.png - 1334x750 默认@3x~universal~anyany.png - 2208x2208 默认@3x~universal~anycom.png - 2208x1242 默认@3x~universal~comany.png - 1242x2208

然后将这些图片资源png文件添加到projectRoot/res/screen/ios文件夹中

【讨论】：

注意：启动情节提要被缓存！如果您没有看到更改后的图像，请尝试重新启动。如果失败，请删除该应用并重新安装。

我只使用<splash src="res/screen/ios/Default@2x~universal~anyany.png" /> 并只维护一个初始屏幕图像。而且您必须至少使用 Cordova 4.4.0 afaik。