Meteor mobile-config.js launchScreens

时间:2017-02-12 11:00:30

标签: meteor splash-screen angular-meteor

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

  • 我可以一次创建所有这些吗?我已经看到了一些这样的回购但是 没有更新新尺寸(例如2048x1536)
  • 可以针对不同尺寸使用相同的图像吗?
  • 我的手机是1920x1080,但没有闪屏大小,所以它需要一个并应用不成比例的图像。如果我有 它上面的文字看起来非常糟糕。
  • 构建时其余图片会发生什么?流星移除剩下的?位于资源/飞溅。
  • 可以使用带有CSS页面的html吗?

提前致谢!

1 个答案:

答案 0 :(得分:4)

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

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

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

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

  • 图像版本的存储:默认情况下,所有版本(即尺寸)都打包在您的APK / APP中,这样一旦用户下载应用程序,无论设备需要什么,都可以使用。

  • 在启动画面中使用HTML + CSS页面:通常,不,但这取决于您对启动画面的操作。 Meteor将其称为“启动屏幕”,因为它是应用程序加载/“启动”时显示的第一件事。特别是,WebView和本地服务器可能还没有准备好,并且不能提供任何HTML / CSS。这就是为什么你必须使用一个普通的图像,它在应用程序加载时传递给一个非常简单的活动。但有些人还在他们应用的某些部分之间使用“等待屏幕”。在这种情况下,您的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”首选项是可选的。如果设置为true,则不会拉伸屏幕drawable以适应屏幕,而是简单地“覆盖”屏幕,如CSS“background-size:cover”。当启动屏幕图像不能以任何方式扭曲时(例如,当它们包含场景或文本时),这非常有用。此设置最适用于具有较大边距(安全区域)的图像,可以在具有不同宽高比的屏幕上安全裁剪。

在Meteor中,您可以在mobile-config.js中使用App.setPreference

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