iOS开发:图标生成器Prepo 的使用

2022-04-12 16:58:52 浏览数 (1)

前言

在移动端开发过程中,设置app的图标尺寸是一个非常常见的操作,而且在设置app图标尺寸的时候是要严格按照移动端的标准来设置,尤其是iOS版本的app图标尺寸要求非常严格,如果设置的图标尺寸不符合标准,app上架的时候就会出错,所以在设置app图标尺寸的时候一定要注意。iOS开发中通过Assets设置启动图片以及icon处理工具Prepo(图片放大缩小不失真,自动生成@2x@3x,图片类型随意切换),再也不用担心美工给的图片规格不合适、不满意了,大大方便了iOS开发者的开发,也节省了沟通时间,提高了开发效率。

Prepo

1、简介

Prepo是图标生成转化器,Prepo for Mac是Mac OS平台上的一款非常不错的Mac图像处理软件,Prepo for Mac基于Mac和iOS的一款免费且非常方便的图标转化器,它可以帮助设计师和iOS开发者快速的导出各种尺寸的图标。设计师和iOS开发者通过Prepo把任何格式的图片文件转换成 iOS可用的图片格式。

有了Prepo,iOS开发者可以跳过美工,直接生成自己需要的任何尺寸的icon图标,直接使用Xcode生成的Images.xcassets或者去新建个,然后就可以使用Prepo工具,即可处理。直接在Mac的App Store搜索Prepo,免费下载初级版本,还有收费的高级版本,直接下载初级基础版本就行了,也可以直接在浏览器里面输入Prepo for Mac搜索下载安装,两种下载安装方式,根据个人喜欢选择。

2、功能介绍

(1)Prepo可以帮助设计师和iOS开发者快速生成各种尺寸的图标,只需将最大分辨率的图标(最大分辨率的图标尺寸为1024*1024)拖拽进来,其他的具体的icon处理交给Prepo做就好了,非常简单方便。

  (2)通过点击Prepo对话框顶部右上角的“copy plist”按钮,设计师和iOS开发者可以轻松的把导出的文件复制到Xcode中,节省了大量的工作时间。 如图所示:

3、软件特色

 (1)调节图像大小、转换图片格式;

 (2)批量的处理@2x作品;

 (3)自动的转换和重命名 。

4、具体的使用操作

(1)打开浏览器,搜索Prepo for Mac,选择下载Prepo到Mac电脑上;

(2)在Mac电脑上面安装完Prepo之后,打开Prepo;

(3)打开Prepo图标生成器的主面板,然后选中左侧菜单栏里面的“Icons”选项,然后选择顶部的Icons类型选择,本文案例以app的尺寸来讲解,所以选择了“iOS7 Only”选择,这就是设置app的Icons的尺寸;

(4)然后直接把需要设置Icons的最大分辨率的图标拖入到主面板的空白位置,提示的“Add Icon Artwork”,最大的分辨率尺寸为1024*1024,拉进去之后就生成一套图标了,图标上面还可以选择不同版本等等,点击右边的Export可以生成图标;

(5)图标拖入进去之后,会自动生成出来app需要的各个尺寸的icon,然后选择右上角的“copy plist”按钮,直接可以轻松的把导出的文件复制到Xcode中,节省了大量的工作时间,有些尺寸是不需要的,拉入Xcode的Images.xcassets,删除不匹配的icon即可。

附录

选择了“iOS7 Only”之后,Prepo生成了以下几个尺寸的icon,具体如下所示:

代码语言:javascript复制
512x512            对应iTunesArtwork
83.5x83.5          对应Icon-iPadPro
76x76              对应Icon-76
60x60              对应Icon-60
40× 40             对应Icon-Spotlight-40
29× 29             对应Icon-Small

通过上述尺寸 以及解释说明可以看到,包含的有iPadicon尺寸,直接选择appicon尺寸即可,忽略iPad及其他类型的icon尺寸即可。

0 人点赞