流星移动config.js launchScreens

Question

我创建我的应用程序飞溅的图像，但我有一些问题：

• 我可以创建他们都在一次？我已经看到了一些回购，但 没有更新的新尺寸（例如2048x1536）
• 将可能使用相同的图像适用于不同的尺寸？
• 我的手机是1920x1080，但没有启动屏幕大小，因此它需要一个并应用不成比例的图像。如果我有 文本，它看起来非常糟糕。
• 当我构建时，其余的图像会发生什么？流星清除其余的？位于资源/飞溅。
• 可以使用CSS与CSS页面？

在此先感谢！

Answer 1

下次您应该考虑将问题分解为独立帖子。

• 创建飞溅图片：如果你的形象是很简单的，你的确有很多脚本，可以自动生成不同大小。我相信你可以定制它们以适合你的尺寸。

• 对不同的尺寸使用相同的图像：一般来说，这意味着您的图像将被设备拉伸以填满屏幕。在Android上，您可以定义一个9贴片PNG，告诉设备哪些像素可以拉伸，以便图像的某些部分不会变形。

• 1920x1080屏幕变形的图像：根据像素密度，应该很可能有一个占位符。

• 存储图像版本：默认情况下，所有版本（即尺寸）都打包在您的APK/APP中，以便在用户下载应用程序后无论设备需要什么都可用。

• 使用HTML + CSS页面进行启动画面：一般来说，不，但这取决于您想要用闪屏执行什么操作。流星称它为“启动屏幕”，因为它是在应用程序加载/“启动”时显示的第一件事。特别是，WebView和本地服务器可能尚未准备好，并且无法提供任何HTML/CSS。这就是为什么你必须使用一个简单的图像，这是传递给一个非常简单的活动，而应用程序正在加载。但有些人在他们的应用程序的某些部分之间也使用“等待屏幕”。在这种情况下，你的WebView和本地服务器已经被加载，你可以简单地使用你想要的任何东西。

---

更新：

对于Android，如果9补丁PNG不适合你的需求，你也可以尝试请求科尔多瓦的闪屏插件，以保持图像的长宽比：

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/#preferences

<preference name="SplashMaintainAspectRatio" value="true" /> 

“SplashMaintainAspectRatio”首选项是可选的。如果设置为true，则启动画面不会拉伸以适合屏幕，而是简单地“覆盖”屏幕，如CSS“background-size：cover”。当启动画面图像无法以任何方式变形时（例如当它们包含景物或文字时），这非常有用。此设置适用于具有较大边距（安全区域）的图像，该图像可以在具有不同宽高比的屏幕上安全裁剪。

流星，你可以使用App.setPreference在mobile-config.js：

App.setPreference("SplashMaintainAspectRatio", true, "android");