流星手机-config.js launchScreens

Meteor mobile-config.js launchScreens

我正在为我的应用创建启动图像,但我有一些问题:

提前致谢!

下次您应该考虑将您的问题拆分成独立的帖子。

  • 创建启动图像:如果您的图像足够简单,您确实有很多脚本可以自动生成不同的尺寸。我相信您可以根据自己的尺寸定制它们。

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

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

  • 图像版本存储:默认情况下,所有版本(即大小)都打包在您的 APK / APP 中,因此一旦用户下载应用程序,设备需要的任何内容都可用。

  • 使用 HTML+CSS 页面作为启动画面:一般情况下,不会,但这取决于您要对启动画面执行的操作。 Meteor 称它为 "launch screen",因为它是应用程序加载时显示的第一个内容/"launching"。特别是 WebView 和本地服务器可能还没有准备好,无法服务任何 HTML/CSS。这就是为什么您必须使用纯图像的原因,它会在应用程序加载时传递给非常简单的 activity。但是有些人还在他们应用程序的某些部分之间使用 "waiting screen"。在这种情况下,您的 WebView 和本地服务器已经加载,您可以简单地使用任何您想要的。


更新:

对于Android,如果9-patch PNG不能满足您的需要,您也可以尝试请求Cordova的splashscreen插件来保持图片的纵横比:

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

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

"SplashMaintainAspectRatio" preference is optional. If set to true, splash screen drawable is not stretched to fit screen, but instead simply "covers" the screen, like CSS "background-size:cover". This is very useful when splash screen images cannot be distorted in any way, for example when they contain scenery or text. This setting works best with images that have large margins (safe areas) that can be safely cropped on screens with different aspect ratios.

在 Meteor 中,您将在 mobile-config.js 中使用 App.setPreference:

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