如何在 PhoneGap 中为 iOS 设置启动画面

Question

我正在使用 PhoneGap 为 iOS9+ 创建 iOS 应用程序。根据指南，我在 Config.xml 中添加了以下代码来设置启动画面。

// set the cordova plugin 
 <plugin name="cordova-plugin-splashscreen" source="npm" spec="&gt;1.0.0" />

 // set splash screen for iPad only
 <platform name="ios">
    <gap:splash gap:platform="ios" height="2048" src="res/screen/ios/Default-Portrait@2x~ipad.png" width="1536" />
    <gap:splash gap:platform="ios" height="2048" src="res/screen/ios/Default-Portrait@2x~ipad.png" width="1536" />
    <gap:splash gap:platform="ios" height="768" src="res/screen/ios/Default-Landscape~ipad.png" width="1024" />
    <gap:splash gap:platform="ios" height="1536" src="res/screen/ios/Default-Landscape@2x~ipad.png" width="2048" />
</platform>

然后我在'Terminal'中使用以下命令生成iOS平台

phonegap build ios --device

它复制了iOS平台中的所有启动图像。

但它在我启动应用程序时显示默认的 Phonegap 初始屏幕图像。我检查了 iOS 项目 'Images.xcassets'-> 'LaunchImage，它显示默认的 PhoneGap 图像。它没有显示我在 Config.xml 文件中提到的启动图像。如何使用 config.xml 为 iOS 设置初始图像？

Answer 1

首先添加启动画面插件

cordova plugin add cordova-plugin-splashscreen

然后在config.xml中添加这些行。

<!-- iOS splash screen -->
<!-- iPad -->
<splash src="www/res/screen/ios/Default-Portrait.png" platform="ios" width="768" height="1024" />
<splash src="www/res/screen/ios/Default-Landscape.png" platform="ios" width="1024" height="768" />
<!-- Retina iPad -->
<splash src="www/res/screen/ios/Default-Portrait@2x.png" platform="ios" width="1536" height="2048" />
<splash src="www/res/screen/ios/Default-Landscape@2x.png" platform="ios" width="2048" height="1536" />

<!-- Default splash screen -->
<splash src="splash.png" />

确保图像 width 和 height 应该与 config.xml 中定义的相同。

或尝试默认启动画面。

只需在您的 config.xml 所在的位置保留全尺寸启动画面图像，它将为所有平台复制 splash.png 文件，不建议这样做会增加应用程序的大小，但您可以检查是否有效。

干杯。

Answer 2

您需要 change/replace 启动画面目录 (www/res/screen/ios/) 中的图像文件。默认情况下它包含 phone 间隙

的图像

如何在 PhoneGap 中为 iOS 设置启动画面

How to set splash screen for iOS in PhoneGap

splash-screen

ios

cordova

launchimage

phonegap-cli