美文网首页
iOS app图标的生成,设置与更改 包会~

iOS app图标的生成,设置与更改 包会~

作者: 木木爱吃糖醋鱼 | 来源:发表于2018-05-23 04:31 被阅读0次

xcode版本:9.3.1

iOS app图标理解:

icon图标的设置很简单,需要生成不同尺寸大小的图标,对应不同的设备。这里不好拉表格,具体要看什么爱疯几对应什么尺寸的图标的话,随便百度一下就好了。比如csdn ios app 设置icon搜索结果的第一个。

为啥不用列举出来呢?因为您点进去xcode对应的文件人家就有显示嘛~ 在xcode左侧project navigator里点选Assets.xcassets -》Appicon。这时候您大概会看到下面的场景,以及第一次看的时候的一脸懵逼的表情。。

Appicon with different sizes

                            莫慌!!!

这上面给您列举了所有需要的icon大小,iOS版本和对应的设备。

1,每一个虚线框代表一张icon图片,

2,虚线框下的1x,2x,3x就是简单的表示图片大小乘1乘2乘3

3,乘号往下列举了使用该icon的设备,iOS版本和图片大小

4,图片大小用pt表示。比如20x20的icon就是20pt,40x40的icon就是40pt

举个例子,右下角写的29pt 1x和2x。也就是说您需要准备29x29 和58x58两张icon放在对应的位置。像不像小学找相似题一样简单?

需要注意的是,变态的苹果对icon图片有极为严格的规定。比如图片必须是png格式的;图片的大小要绝对的准确。比如您把120x121大小的图片放到120x120里也有可能出问题(具体运行了会怎么样我没试过,反正您刚放进去,xcode就自动提示您图片大小不符)。Moreover,图片的命名也是有规范的,这个叫naming convention。不遵守系统也能运行,但是会显得不专业,让别人觉得您不是专业干这个的。就好像您去日本买了块上好的神户牛肉,回家打成肉馅煮丸子吃了。。。。具体的规定在苹果官网上都有,这里为了方便给您贴出来,避免您煮丸子~


iOS app图标生成:

既然苹果对icon图片大小有这么严格的规定,手动一个个的截取不同大小的图片显然不是好的办法。那么怎么弄这些图片呢?

灰常简单~

这种功能一般前人都有做,网上也会有人弄免费的。上google搜一下找了一个叫makeappicon的(如果您读这篇文章的时候链接失效了,就再找个别的,网上应该有的是,反正这种东西不用自己搞)。把您想要用作icon的图片上传,它会直接跟您生成不同大小的图片发到您的邮箱里。


iOS app图标设置:

直接把您生成好的图片拉到对应的Assets.xcassets -》Appicon的方框里去就可以了,别拉错了就行。如果想要看xcode把图片存在哪里了的话,右键点击图片选择show in finder,就会发现都在一个叫Appicon.appiconset的文件夹里。


iOS app图标更改:

弄好了的图看起来是这样的。

Appicon example

右键点击图片找到图片所在的文件夹,把您想要的一套图片按着原有的图片命名。然后把原有的图片一并删了,新的图片复制进去就ok了。

如果您编译的时候也出现了上面的警告,The app icon set "AppIcon" has X unassigned child(ren),也是可以编译的。这只是因为我们没有遵循正确的添加App icon的步骤而只是把图片拉进去了。只要圈选上面那几个有黄叹号的写着Unassigned的图片,点击删除,就ok了。(可以看见我的命名就是神户牛肉打陷了。。)

ref:

https://blog.csdn.net/lyhuzhu/article/details/79077238

https://developer.apple.com/library/content/qa/qa1686/_index.html

相关文章

网友评论

      本文标题:iOS app图标的生成,设置与更改 包会~

      本文链接:https://www.haomeiwen.com/subject/vssljftx.html