ios - PhoneGap iOS 中的扩展启动画面

Question

我需要做的是实现扩展启动画面。我有两个不同的图像需要显示。第一个我设置为应用程序启动画面，但由于我需要显示它的时间比通常的启动画面要长一点，所以我想将相同的图像设置为 index.html 页面的背景(如 index.html)。 html 页面是第一个可见页面)，然后导航(假设 3-4 秒后)到页面 splash2.html 并将第二个图像设置为该页面的背景。我的问题是，是否有更好的做法(我是 PhoneGap 的新手)？我是否需要将这些图像以所有不同的分辨率显示在我的启动画面中。有人做过类似的事情吗？谢谢。

Answer 1

启动画面 1(应用程序/系统启动画面)

您可以将您的应用配置为一直显示启动画面，直到您手动将其删除。

将此添加到您的 config.xml 中:

<preference name="SplashScreen" value="yourSplashScreenFileName.xyz" />
<preference name="AutoHideSplashScreen" value="false" />

这对你的 JavaScript，无论何时你想删除它:

navigator.splashscreen.hide();

看看 official splashscreen plugin了解更多信息。

飞溅 2

要显示第二个启动画面，请向您的正文添加一个宽度和高度为 100% 的元素并设置背景图像(和 background-size: contain)。这样您只需要一张高分辨率图像。根据您的内容，background-size: cover 可能更适合您。试试看吧。

要移除第二个启动画面，只需从 DOM 中移除该元素即可。