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

13

我想在使用meteor和cordova制作的应用程序中设置图标和启动画面,而不需要编辑Xcode项目本身...怎么做呢?

1个回答

32
您可以利用位于项目根目录下的 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文件夹中。 mobile-config.js的文档

我无法编辑,因为它少于6个字符。但是现在的示例实际上被称为“localmarket”,所以使用meteor create --example localmarket。 - kroe
答案正确,但图标尺寸不完整。除了60x60和72x72之外,还有更多的尺寸。这是Meteor目前支持的全部吗? - ABCD.ca
这是另一个更新的列表,其中包含官方页面的参考资料。基本上,iphone_3x(iPhone6 plus)已添加到图标中,iPad 的大小调整为官方 76px(而不是 72px),并为 iPhone6 添加了 3 个新的启动屏幕。 - Flavien Volken
我更新了答案,当然60x60@2x = 120x120,因此5个官方图标尺寸都被60x60(@1x, @2x, @3x)和76x76(@1x,@2x)所覆盖。 - Flavien Volken
工作完美。复制示例项目并使用配置文件。谢谢! - Erdem Güngör

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接