前言:
对于一款App,图标和启动图是必不可少。好看的图标和启动图会更加地吸引用户,能增加点击量和下载量,为你的App大大的加分。而且启动图设置是有尺寸要求的,系统会根据启动图,辨别适配的是哪个机型。
注意: iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。
官方文档:
https://developer.apple.com/ios/human-interface-guidelines/graphics/app-icon/ https://developer.apple.com/library/ios/qa/qa1686/_index.html
图标尺寸:
Spotlight
- iOS 5,6
base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87 - iOS 7,8
base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120
iPhone App
- iOS 5,6
base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114 - iOS 7,8
base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180
Settings
- iOS 5,6,7,8
base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58x58, 87x87
设置AppIcon(应用程序图标)
打开工程找到Assets.xcassets文件夹(这个文件夹,是专门设置AppIcon图标和LauchImage启动页面的)
1.如果没有AppIcon,可以点击空白处(图中2那里)右键—>App Icon & Launch Images-> New iOS App Icon
PS:你不必填满所有空位,如果你是iPhone应用,则填满iPhone的就可以了,反之其他的就填其他
2.然后配置选项,按照图片步骤走
3.最终效果图:
设置LaunchImage (开机启动画面)
打开工程找到Assets.xcassets文件夹(这个文件夹,是专门设置AppIcon图标和LauchImage启动页面的)
此处有两种方法(第1种方法)
1.用IB为LaunchScreen添加一个UIImageView,然后在3处image 添加你所需要的图片,最后添加约束。如按照如图所示:
2.配置选项,按照图片步骤走
运行程序,就可以看到效果了
第2种方法
1.默认是没有LauchImage ,所以点击空白处(图中2那里)右键—>App Icon & Launch Images-> New iOS Launch Image
2.然后也是根据对应的尺寸大小拖到相应的位置(顺序从左到右)(下表是对应后面分辨率尺寸)
3.填满对应的尺寸,按照图片步骤走
4.配置选项,按照图片步骤走
5.运行程序,就可以看到最终效果
温馨提示:
1.如果运行程序之后没有效果,则重置模拟器
Simulator—>Reset Content and Settings —>Reset
2.如果想延长启动页面的加载时间,可以在appdelegate中添加如下代码:
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
// Override point for customization after application launch.
[NSThread sleepForTimeInterval:3.0];//设置启动页面时间
return YES;
}
小技巧:如何生成我们所需要的图标呢?
一般图标都是让美工提供,如果美工比较忙的的话,可以只提供一张1024*1024的图片,然后我们可以自己生成。
这里提供三种方法供大家参考
1.安装一款名为RTImageAssets的插件,简单易用,也是笔者最常用的,如果不会,请参考笔者之前的博客
2.图标工场:一个移动应用图标生成工具的网址。网址:http://icon.wuruihong.com
3.安装一款名为Appicon and Launchimage Maker Lite的软件(不过要收费,所以就呵呵哒!!不过还是给大家分享一下)
1.打开AppStroe ,搜索:AppIcon
2.下载免费版
3.打开软件:已经提示给我们用户了,1:选择图片。2:选择设备以及系统版本。3:选择生成AppIcon(图标)还是Launchimages(启动页)
4.随便选择一张1024*1024分辨率的图片,右边全选,点击生成图标
5.选择文件夹,放生成的图片,点击Open
6.显示All Done 就代表我们已经生成好了。如果弹出来其他东西或者提示别的就代表软件次数到了哦!!
7.同理:生成启动页面步骤和生成图标的步骤一致,最终得到以下图片
尾巴:
AppIcon图标和LauchImage启动页面的基本应用就是这么多,对于启动页面的两种方法(本质没有差别),但个人更倾向于第二种,因为可以更好的适配不同的机型。