Meteor:指定应用程序图标和启动屏幕的方法?

Posted

技术标签:

【中文标题】Meteor:指定应用程序图标和启动屏幕的方法?【英文标题】:Meteor : way to specify icon and launch screen of an app? 【发布时间】:2015-01-13 11:14:33 【问题描述】:

我想在不编辑 Xcode 项目本身的情况下为我的使用流星+cordova 制作的应用程序设置一个图标和启动画面……该怎么做?

【问题讨论】:

【参考方案1】:

您可以使用mobile-config.js 文件,该文件必须放在项目的根目录下。 (可从 0.9.4 获得)要获得此文件的示例,最简单的方法是查看“localmarket”示例是如何制作的。只需输入:

meteor create --example localmarket

然后看文件:

more localmarket/mobile-config.js

基本上,该文件需要描述 App.icons 和 App.launchScreens。以下是它必须包含的内容:

App.icons(
  // ios
  'iphone': 'resources/icons/icon-60x60.png',
  'iphone_2x': 'resources/icons/icon-60x60@2x.png',
  'iphone_3x': 'resources/icons/icon-60x60@3x.png',
  'ipad': 'resources/icons/icon-76x76.png',
  'ipad_2x': 'resources/icons/icon-76x76@2x.png',

  // android
  'android_ldpi': 'resources/icons/icon-36x36.png',
  'android_mdpi': 'resources/icons/icon-48x48.png',
  'android_hdpi': 'resources/icons/icon-72x72.png',
  'android_xhdpi': 'resources/icons/icon-96x96.png'
);

App.launchScreens(
  // iOS
  'iphone': 'resources/splash/splash-320x480.png',
  'iphone_2x': 'resources/splash/splash-320x480@2x.png',
  'iphone5': 'resources/splash/splash-320x568@2x.png',
  'iphone6': 'resources/splash/splash-375x667@2x.png',
  'iphone6p_portrait': 'resources/splash/splash-414x736@3x.png',
  'iphone6p_landscape': 'resources/splash/splash-736x414@3x.png',

  'ipad_portrait': 'resources/splash/splash-768x1024.png',
  'ipad_portrait_2x': 'resources/splash/splash-768x1024@2x.png',
  'ipad_landscape': 'resources/splash/splash-1024x768.png',
  'ipad_landscape_2x': 'resources/splash/splash-1024x768@2x.png',

  // Android
  'android_ldpi_portrait': 'resources/splash/splash-200x320.png',
  'android_ldpi_landscape': 'resources/splash/splash-320x200.png',
  'android_mdpi_portrait': 'resources/splash/splash-320x480.png',
  'android_mdpi_landscape': 'resources/splash/splash-480x320.png',
  'android_hdpi_portrait': 'resources/splash/splash-480x800.png',
  'android_hdpi_landscape': 'resources/splash/splash-800x480.png',
  'android_xhdpi_portrait': 'resources/splash/splash-720x1280.png',
  'android_xhdpi_landscape': 'resources/splash/splash-1280x720.png'
);

此外,当您提供文件的路径时,需要将文件包含在您将放在项目根目录中的 resources/iconsresources/splash 文件夹中。

Documentation for mobile-config.js

【讨论】:

我无法编辑,因为它少于 6 个字符。但是这个例子现在实际上叫做“localmarket”,所以meteor create --example localmarket 正确答案,但图标大小不完整。尺寸不仅仅是 60x60 和 72x72。 Meteor 目前只支持这些吗? Here is another updated list 在官方页面上有参考。基本上 iphone_3x (iPhone6 plus) 已为图标添加,iPad 的大小调整为 official 76px(而不是 72px)和 3 个新的 iPhone6 启动屏幕。 我更新了答案,当然是60x60@2x = 120x120,所以官方的5个图标尺寸被60x60(@1x,@2x,@3x)和76x76(@1x,@2x)覆盖) 工作完美。复制示例项目并使用配置文件。谢谢!

以上是关于Meteor:指定应用程序图标和启动屏幕的方法?的主要内容,如果未能解决你的问题,请参考以下文章

将带有指定标志图标的网站书签添加到手机主屏幕

iOS 更新后保留旧的启动屏幕和应用程序图标

如何设置启动屏幕图标的大小?

将移动应用程序启动图标放在通知屏幕上以从锁定设备启动

iPhone iOS 8 中图标和启动屏幕的本地化

Android应用启动图标大小[重复]