PhoneGap iOS中的扩展闪屏

Question

我需要做的是实现扩展的闪屏。我有两张不同的图片需要展示。我设置的第一个是应用程序闪屏，但由于我需要显示它的时间比通常的闪屏要长一点，所以我考虑将相同的图像设置为index.html页面的背景(因为index.html页面是第一个可见的页面)，然后导航(比方说3-4秒后)到PageSplash2.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。

Splash 2

要显示第二个开机画面，请在您的身体中添加一个宽度和高度均为100%的元素，并设置一个背景图像(和background-size: contain)。这样你只需要一个高分辨率的图像。根据你的闪屏的内容，background-size: cover可能更适合你。试一试吧。

要删除第二个启动，只需从DOM中删除此元素即可。