方便地创建Mac App的iconset(附转换脚本)

自从Apple推出了Retina的MacBook Pro以后,给Mac App设计图标已成为比重越来越重要和有难度的一个活了——因为你需要准备1024x1024分辨率的图标!

当然这些是设计师的活,假设我们的1024x1024分辨率的图标已经设计好了,那么如何应用到项目里去呢?本文便是讲如何在最新的Xcode 4.5下如何用新方式为Mac App创建图标(附上我的转换脚本)。

详细文档可见《High Resolution Guidelines for OS X》的「Create a Set of Icons That Includes High-Resolution Versions」章节。

自Xcode 4.4开始,它已经开始采用了一种全新的方式去管理和生成App的图标了。开发者只需要准备好从16x16到1024x1024各个尺寸的PNG图,然后就可以交给Xcode去生成专有的.icns格式了。

具体做法很简单,准备好1024x1024分辨率的PNG一份,命名为icon_512x512@2x.png(即Retina的1024x1024),然后,准备好Python和imagemagick(需要用到里面的convert工具去转换图片)。

下面是我的转换脚本:

#!/usr/bin/env python

import os

size_list = ['16x16', '32x32', '128x123', '256x256', '512x512']

for index, size in enumerate(size_list):
    os.system('convert -resize %s icon_512x512@2x.png icon_%s.png' % (size, size))
    if index > 0:
        os.system('convert -resize %s icon_512x512@2x.png icon_%s@2x.png' % (size, size_list[index - 1]))

创建一个名为myapp.iconset的文件夹,把icon_512x512@2x.png文件放进去,执行我的这个脚本,这样就会根据这个大图标生成这些图片:

  • icon_16x16.png
  • icon_16x16@2x.png
  • icon_32x32.png
  • icon_32x32@2x.png
  • icon_128x123.png
  • icon_128x123@2x.png
  • icon_256x256.png
  • icon_256x256@2x.png
  • icon_512x512.png
  • icon_512x512@2x.png

这些便是一个标准的Mac App所需要的所有尺寸的图片(如果你少了其中一个,Xcode编译就会出警告),实际上icon_16x16@2x.png就是icon_32x32.png,相信你从我的代码中看出来了。

完成了图标文件的准备后,就可以把整个myapp.iconset文件夹拖进Xcode的项目里去了,在myapp-info.plist这个项目属性文件中,新建名为「Icon file」的String类型的属性,值为myapp(不需要iconset的扩展名),这样在Xcode构建项目时,你的App就会带上刚刚拖进去的从16x16到1024x1024的所有图标了。

希望2012年结束前,我能顺利发布我的第一个Mac软件,提前透露一角,图标由Kevin设计 :)

My First Mac App

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值