【问题标题】:Meteor mobile-config.js launchScreensMeteor mobile-config.js 启动屏幕
【发布时间】:2017-06-30 10:01:39
【问题描述】:

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

  • 我可以一次创建所有这些吗?我已经看到了一些回购但是 没有更新为新尺寸(例如 2048x1536)
  • 是否可以为不同尺寸使用相同的图像?
  • 我的手机是 1920x1080,但没有启动屏幕尺寸,所以它需要一个并应用不成比例的图像。如果我有 上面的文字看起来很糟糕。
  • 构建时,其余映像会发生什么情况?流星删除了其余的?位于 resources/splash 中。
  • 可以使用带有css页面的html吗?

提前致谢!

【问题讨论】:

    标签: meteor splash-screen angular-meteor


    【解决方案1】:

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

    • 创建初始图像:如果您的图像足够简单,那么您确实有许多脚本可以自动生成不同大小的图像。我相信您可以自定义它们以适合您的尺寸。

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

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

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

      李>
    • 为启动画面使用 HTML+CSS 页面:一般来说,不会,但这取决于您想对启动画面做什么。 Meteor 将其称为“启动屏幕”,因为它是应用程序加载/“启动”时首先显示的内容。特别是,WebView 和本地服务器可能还没有准备好,并且不能提供任何 HTML/CSS。这就是为什么你必须使用一个简单的图像,它在应用程序加载时传递给一个非常简单的活动。但是有些人也在他们的应用程序的某些部分之间使用“等待屏幕”。在这种情况下,您的 WebView 和本地服务器已经加载完毕,您可以随意使用。


    更新:

    对于 Android,如果 9-patch PNG 不符合您的需求,您也可以尝试请求 Cordova 的闪屏插件来保持图像的纵横比:

    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");
    

    【讨论】:

    • 抱歉,我试图在同一篇文章中将所有相关疑问都包含在启动画面中。
    • 1) 你知道为此更新的库/psd 吗?我找不到这样的东西,或者可能找不到有关如何从头开始创建此 psd 以通过一次保存来保存独立图像的教程 2) 我会看看 9-patch,谢谢。 3) 正如您在此处看到的:docs.meteor.com/api/mobile-config.html#App-launchScreens 没有该尺寸的选项。我不知道我是否可以创建自己的尺寸 4) 好的 5) 嗯,可能只是几秒钟的事情太多了,而且我必须在不同的设备上测试 css
    • 对于 Android,重要的标准不是屏幕尺寸而是像素密度(hdpixhdpi 等)。这就是 9-patch PNG 如此方便的原因:鉴于屏幕尺寸多种多样,您无法为每个尺寸创建 1 个图像;取而代之的是,您为每个密度创建 1 个图像,Android 会拉伸任何您允许的范围以填满屏幕。
    • 阅读它我认为(如果我理解得很好)它与具有空白背景和中间图标的图像更相关,但是如果我有一个普通图像呢?我还发现了这个更新的 repo:github.com/lpender/meteor-assets,它看起来不错,但不支持 9-patch PNG
    • 如果我的理解是正确的,您的图像中没有可以拉伸的区域。您可能正在寻找覆盖物,同时保持纵横比。查看更新后的答案。
    猜你喜欢
    • 2015-06-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-09-05
    • 1970-01-01
    • 2018-03-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多