PhoneGap iOS中的扩展启动画面

Question

我需要做的是实现扩展的启动画面。我有两个不同的图像需要展示。第一个我设置为应用程序启动画面，但因为我需要显示它比通常的启动画面更长一点，我想是设置相同的图像作为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中删除此元素即可。