Question

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

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

提前致谢！

Answer 1

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

创建初始图像：如果图像足够简单，确实有很多脚本可以自动生成不同的大小。我相信你可以根据自己的尺寸定制它们。
对不同尺寸使用相同的图像：通常，这意味着您的图像将被设备拉伸以填充屏幕。在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");

Meteor mobile-config.js launchScreens

1 个答案: