在Xcode5中的Images.xcassets中创建iOS7图标

3
如何在Xcode5中使用Images.xcassets创建iOS7图标?我已经搜索了很多地方,但是没有找到所需的图标尺寸。我的应用程序适用于iOS7+。
以下是屏幕截图:
我已经在mac的AppIcon.appiconset文件夹中添加了一些图标。我需要在xcode侧边栏中添加吗?AppIcon.appiconset文件夹需要哪些大小的图标?
2个回答

22

这很容易,实际上它是自解释的。你甚至不需要考虑图标的名称。唯一需要担心的是大小。下面是如何通过屏幕推断出尺寸的方法。

基本规则:将空框中显示的1x2x与其下方的pt值相乘。当有两个像1x2x这样的框表示同一个pt值时,假设是40pt,那么你需要提供两种图像的尺寸。40x4080x80

  1. 确保你的应用程序是通用的还是特定于设备的。根据此,您需要提供图标。
  2. 需要注意的是,Images.xcassets并不调整文件的大小。它只是一个目录,您在其中添加了具有特定尺寸的文件。
  3. 现在假设你有一个myIcon.png文件,它的尺寸比较大(如果可能的话最好使用1024x1024的大小创建应用程序图标,否则请至少使用512x512的大小)。
  4. 打开Images.xcassets,现在阅读每个空图标元素。其中已经提供了尺寸名称。
  5. 现在集中注意力:如果空的虚线框读作2x,下方的文本读作iPhone Spolight - iOS 5,6 Settings - iOS 5-7 29pt,则实际上需要一张大小为29pt两倍的图片,所以你需要一张58x58的图片
  6. 只需使用任何编辑器(预览器是最好的编辑器)调整您的实际图像大小并创建特定大小即可。将其保存在某个位置并拖放到特定框内即可。
  7. 完成了。
    1. 当使用Images.xcassets时,无需担心图像命名约定。
    2. 准备好所有图像后,只需将其拖放到Xcode中的Images.xcassets中。
    3. 确保将其拖放到AppIcon类别中。如果您有兴趣,也可以针对LaunchImage执行类似操作。
    4. 这是一个示例以便于理解。

    enter image description here


谢谢您的解释,我需要在Xcode侧边栏中拥有所有尺寸吗?拖动后,图标会创建在AppIcon.appiconset内。所以我需要在两个地方保留吗?在哪里指定1024x1024的图标? - iCodeXcode
你应该将图标放在Images.xcassets中,而不是手动浏览文件夹。两者都有关联,但更好的选择是使用Xcode。因此,关于1024x1024,这里并不是强制性的图标,但当您提交应用程序到苹果商店时将需要它。当您为应用程序创建iTunes记录时,它会要求一个名为largeAppIcon的文件,大小为1024x1024。 好的。 - Balram Tiwari
1
你需要根据项目“设备”值的“部署信息”提供图片。我的意思是,如果你的目标是iPhone,只需在cat log中提供标有iPhone的图片。如果它是通用的,你还需要为iPad提供图片。 - Balram Tiwari
但是由于iPhone设计的应用程序可以在缩放模式下在iPad上运行,因此最好也为iPad提供应用程序图标,以便用户不会看到您的应用程序的拉伸图标或缺失图标。 - Balram Tiwari
好的,谢谢你的回答。 - iCodeXcode

0

AppICon尺寸-XCAssets-Xcode 6.4

iPhone Spotlight iOS 5-6 - 29pt

29 * 29 -1x, 58 * 58 - 2x, 87 * 87-3x

iPhone Spotlight iOS 7,8- 40pt

80 * 80 - 2x, 120 * 120 - 3x

iPhone App iOS 5,6 - 57pt

57 * 57 - 1x, 114 * 114 - 2x

iPhone App iOS 7,8 - 60pt

120 * 120 - 1x, 180 * 180 - 2x

iPad Settings iOS 5-8 - 29 pt

29 * 29 - 1x, 58 * 58 - 2x

iPad Spotlight iOS 7,8 - 40pt

40 * 40 - 1x, 80 * 80 - 2x

iPad Spotlight iOS 5,6 - 50pt

50*50 -1x, 100*100 - 2x

iPad 应用 iOS 5,6 - 72pt

72*72 -1x, 144*144 - 2x

iPad 应用 iOS 7,8 - 76pt

76*76 -1x, 152*152 - 2x


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