如何在XCode 5中添加57x57的图标

24
我正在使用Xcode 5,并创建了3个图标:
- iphone-58.png - iPhone-80.png - iphone-120.png
当我创建项目时,将这三个图标拖放到image.xcassets中(如下图所示)。
现在,当我编译我的项目时,会出现缺少57x57和57x57@2x图标的错误。我该如何添加它们?我没有在AppIcon部分看到任何位置。我错过了什么吗?
5个回答

57
您可以选择所需的图标集。 输入图像描述
注意右侧有应用程序图标集的选项。选择您想要放置的任何一个。

1
谢谢。你是对的,我可以通过点击那些复选框来添加/删除。你的答案已被标记。 - Sam B
这解决了我的问题。只是奇怪的是,xCode没有显示这些appIcons的占位符,即使它们是必需的。 - Alex Cio

16

使用以下步骤

1 - 进入 Project Navigator
2 - 选择 (点击) Images.xcassets 文件
3 - 点击 APPIcon (左上角)
4 - 进入 Attributes Inspector
5 - 选择你想要的。

enter image description here

简单易懂。

谢谢 DamithH


1
这只是添加最简单的方法 :) 谢谢 - Sunishtha Singh

7

我不得不用hack的方式完成这个任务。

  • 进入你的项目文件夹
  • 进入Images.xcassets文件夹
  • 进入AppIcon.appiconset文件夹
  • 编辑Contents.json文件
  • 添加以下内容

    { "images" : [ { "size" : "57x57", "idiom" : "iphone", "filename" : "iphone-57.png", "scale" : "1x" }, { "size" : "57x57", "idiom" : "iphone", "filename" : "iphone-114.png", "scale" : "2x" },
    { "size" : "29x29", "idiom" : "iphone", "filename" : "iphone-58.png", "scale" : "2x" }, { "size" : "40x40", "idiom" : "iphone", "filename" : "iphone-80.png", "scale" : "2x" }, { "size" : "60x60", "idiom" : "iphone", "filename" : "iphone-120.png", "scale" : "2x" } ], "info" : { "version" : 1, "author" : "xcode" } }

  • 现在将你的两个图标复制并粘贴到AppIcon.appiconset文件夹中,即iphone-57.png和iphone-114.png

这可能是xcode的一个bug,或者苹果假定在xcode 5中制作的应用程序都不会在iphone 4或更低版本或ios 6上运行,或者有更简单的方法。

enter image description here


我有一个500dpi的logo png图像,如何在Images.xcassets中使用它? - Sunishtha Singh

2

我的设计师使用makeappicon.com,这样我就得到了一个整洁的AppIcon.appiconset目录,只需要将其拖到Images.xcassets中即可。

使用此服务还可以获得Android的图标剪裁。

而且它是免费的。


调整Photoshop中的图标大小不到60秒。此外,我不信任其他网站处理我的数据。谁知道他们会做什么。如果有一个独立的程序可以安装在我的Mac上,能够完成相同的调整大小任务,那就更好了。 - Sam B
2
@SamBudda,虽然我很欣赏你对“黑客在我的数据中窃取我的图标”的担忧,但我想指出,任何对你的图标设计感兴趣的黑客更有可能从应用商店直接获取它。 - Vaiden
1
哇,少于60秒,如果我可以在Photoshop上花15分钟(我不想在我的笔记本电脑上安装),为什么要使用免费即时服务呢?此外,您也可以使用预览进行调整大小,这同样简单,但不需要大型应用程序:)。 - Mathijs Segers

1
右侧面板(图标所在位置)有时比Xcode屏幕大,但该面板没有滚动条。尝试隐藏导航器和实用程序以获得更多主要内容的空间。

我尝试了,我最大化了屏幕,但仍然没有看到任何东西。我不得不用hack的方式来完成,我将在这里发布。 - Sam B

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