[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络

一.先来研究下这个软件-》Appicon and Launchimage Maker

首先打开你电脑上的AppStore,然后搜索:AppIcon

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第1张图片

然后回车:

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第2张图片

这里我们先使用免费版的点击下载。(左上角那个)

然后打开软件,应该是这样的:

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第3张图片

软件好人性化,给我们标注了1,2,3该干啥。1选图片呗。2.选是要给什么设备以及iOS几做。然后3.是选择生成AppIcon还是Launchimages(启动页)

选择一张图片吧,开始我们的工作

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第4张图片

选好图片,右上角这里索性就都选了吧,反正剩下的次数用一次少一次。

这里我们先生成AppIcons图标点击。

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第5张图片

弹出个界面是吧?

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第6张图片

这是让我们选择生成的图片放到哪里,我们创建个文件夹AppIcon

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第7张图片

然后

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第8张图片

显示All Done 就代表我们已经生成好了。如果弹出来其他东西或者提示别的就代表软件次数到了哦!!

然后再选一张作为启动页的图片

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第9张图片

同样创建个文件夹放图片的

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第10张图片

然后同样的点击open

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第11张图片

好啦,去我们那个路径看看有没有相应的图片啊

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第12张图片
[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第13张图片

注意:如果你的图片过少,可能是因为你在第二步没选6.0

二.现在我们打开要设置启动页和图片的Xcode工程吧。

(1)设置AppIcon(应用程序图标)

打开工程找到Assets.xcassets文件夹(这个文件夹,是专门设置AppIcon和LauchImage启动页的)

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第14张图片

然后点击它,之后删除掉系统自带的AppIcon文件夹(如下操作)(ps:选中后按delete也可以)

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第15张图片

然后自己新建一个。

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第16张图片

点击后选择App Icon & Launch Images-> New iOS App Icon

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第17张图片

然后打开我们生成好图片的文件夹

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第18张图片

然后根据AppIcon空的底下的数字去找对应大小的图片

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第19张图片

注意:如果你的图片不显示详情按照如下做

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第20张图片

然后根据右下角的值,相应的扔到对应的坑里。

注意:不要托错了,托错了。重新往里拖一个就行了。

例如:29pt *3  是87吧。那么我就找到87的

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第21张图片

扔到对应坑里,好啦我的都扔完啦!!

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第22张图片

因为这里我们只是对iPhone应用来说,所以图标拖这些就可以了。

然后还没完。

点击target,然后找到这里

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第23张图片

选择我们刚才在Assets.xcassets创建对那个文件名AppIcon

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第24张图片

然后运行程序吧。

应用程序图标,变成大萝卜了吧??!!

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第25张图片

(2).设置LaunchImage (开机启动画面)

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第26张图片

然后

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第27张图片

点击后选择App Icon & Launch Images-> New iOS Launch Image 多了个这个Launchimage文件夹吧?

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第28张图片

同样打开我们准备好的图片文件夹,注意这次是启动图了啊!

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第29张图片

然后也是根据对应的大小拖到对应的坑里(顺序从左到右)(下表是对应后面分辨率尺寸)

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第30张图片

好啦,我的托完啦!

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第31张图片

这里也是只配置iPhone的

然后点击target,找到

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第32张图片

现在我们要设置的是这个,点击

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第33张图片
[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第34张图片
[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第35张图片

直接选择就可以

然后运行程序吧。

注意:如果没有效果的话。(需要重置模拟器)

选中模拟器之后在屏幕左上角菜单

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第36张图片

选择第三项Reset Content and Settings。

[图片上传中。。。(38)]

等待模拟器重置完成后,重新启动工程。效果如下

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络_第37张图片

文/M_Lee(作者)

原文链接:http://www.jianshu.com/p/0b312627a376

著作权归作者所有,转载请联系作者获得授权,并标注“作者”。

你可能感兴趣的:([iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页网络)