设置启动图片&应用程序图标

## iOS项目中设置程序的启动图片方式主要有2种方法

- 方法一：

利用项目已有的LaunchScreen.storyboard，此方法只需要一张图片即可适配所有尺寸的屏幕。

1.将启动图片资源拖入项目中Assets.xcassets中

2.点击LaunchScreen.storyboard，往控制器中拖入一个imageView，并设置布局（覆盖全屏），然后在右侧选择图片资源，搞定，运行程序。

- 方法二：

如果美工做了各种尺寸的启动图片，不用也不太好，此方法可直接删除项目中的LaunchScreen.storyboard，用不上他了。

1.点击项目左侧的Assets.xcassets，在右侧空白处右击，如图 *** 作，然后全选启动图片资源拖进来（美工会取好图片名，然后会自动识别）搞定，运行程序。

2.第2点和第1点方法原理相同，知识 *** 作有点差别，如图 *** 作，先选中项目名，往下拉点击Launch Images Sourse右侧的按钮，在d出的选项框中默认 *** 作（选择Migrate），之后会在Assets.xcassets中自动生成一个Brand Assets，然后把图片资源拖进来，搞定，运行程序。

## 设置应用程序图标的方法和启动图片方法都差不多，在这里就不过多介绍了。

尺寸介绍:

640 * 960----4,4s

640 * 1136 ----5,5s,5c

750 * 1334 ----6

1242 * 2208---- 6 plus

这时候Xcode是不会报任何警告的,如果有警告说明你肯定有尺寸是放错了或者是图片本身就有问题

这是会d出两个选项让你选择,当然是选择刚刚我们创建好的launchimage,（在 *** 作了上述步骤后系统会自动在Asset里面创建一个启动图片容器,所以会有launchimage-2,后面可以在asset里面看到这个launchimage2,删除他就好了）

检查所有图片尺寸是否设置正确,尺寸没有设置够或者大小错误都会出现这个问题。

这种情况肯定是因为启动页还没有设置成功,他就一直会显示以前的启动页(无论是否删除了以前的启动页的图片或者重新安装过app),这时候可能就会误导你的解决方向,让你把问题放在以前是否哪儿设置错误,引起现在的启动页设置失败（bug）,所以不用管它,直接检查目前这种方式设置的时候哪儿出了问题。

可以试着打开项目中launch. LaunchScreen.storyboard或者低版本为（LaunchScreen.xib）取消use as launch screen

注意：iOS所有图标的圆角效果由系统生成，给到的图标本身不能是圆角的。

1. 桌面图标 (app icon)

for iPhone6 plus(@3x) : 180 x 180for iPhone 6/5s/5/4s/4(@2x) : 120 x 120

2. 系统搜索框图标 (Spotlight search results icon)

iPhone6 plus(@3x) : 120 x 120

iPhone6/5s/5/4s/4(@2x) : 80 x 80

3. 系统设置图标 (Settings icon)

iPhone6 plus(@3x) : 87 x 87for

iPhone6/5s/5/4s/4(@2x) : 58 x 58

4. 启动图片 (launch image)

for iPhoen5s/5(@2x) : 640 x 1136

for iPhoen4s/4(@2x) : 640 x 960

iPhone6/iPhone6 plus 建议使用 launch file 或 storyboard ；如果依然想使用图片，尺寸数值为：

for iPhone 6(@2x) : 750 x 1334

for iPhone 6 plus (@3x) : 1242 x 2208

/////////////////////////////////////////////////////////////////

1、应用程序图标（应用程序所需的图标）

为App Store

启动影像

Spotlight搜索结果图标

设置图标

工具栏和导航栏图标

标签栏图标

默认报刊亭盖为App Store图标

网页剪辑图标

/////////////////////////////////////////////////////////////////

1、图标尺寸

app store:

1024*1024  160（retina屏）

512*512  80（普通屏）

主屏幕

144*144  18（retina屏）

57*57  9（普通屏幕）

iphone设置与搜索

58*58  10（retina屏幕）

29*29  5（普通屏幕）

图标按照最大1024*1024来设计，之后按照每个比例缩小到每个尺寸，再进行调整。提交没有高光和直角阴影的方形即可。

2、按钮和图片

可点击的按钮和图片不能小于88px*88px，如果小于，请以透明空白区域填充。单独存在的部件尺寸必须是偶数尺寸。充分考虑每个按钮的四个状态:默认（default）、按下（highlighted）、选中（selected）、不可点击（disabled）

3、

标签栏高度:20pt

导航栏高度:44pt

导航栏图标约22pt

标签栏高度49pt

标签栏图标约60pt

工具栏高度88pt

4、图标命名规范

模块_类别_功能_状态·png

/////////////////////////////////////////////////////////////////

我会把App内的图标分成四类进行规范设计：第一类顶部栏内的图标；第二类底部导航栏内的图标；第三类内容区域的图标；第四类d窗、浮层内的图标。

1.顶部栏内的图标

在设计顶部栏内的图标时应注意，图标的高度不能超过顶部栏高度的一半。以750x1334 px的尺寸为例，顶部栏高度为88 px，图标不能超过顶部栏的一半就是44 px， 但为了页面的美观感与整体性，图标的高度最好与顶部栏标题的字高度保持一直，一般图标的高度控制在32-36 px左右。

2.底部导航栏内的图标

底部导航栏内不仅只有图标，一般每个图标下都会有对应的文字，这种情况就比较复杂，因为你需要把图标距上间距、图标与文字间距、文字距下间距等因素考虑进去。图标与文字上下间距一般控制在20 px左右，文字大小在20 px左右，图标与文字间距控制在14 px范围内，最终图标的大小在40-44 px左右。 和顶部栏的原则一样，底部导航栏的图标不能超过其高度的一半，若底部导航栏高度为98 px，图标不要超过48 px， 再加上底部导航栏的文字48 px高的图标也不太合适，所以以我的经验之谈，最佳高度是44 px。

3.内容区域的图标

其实仔细研究就会发现，App里的图标分为两种，一种是可点击的，一种是起修饰作用的不能点击的。可点击的图标往往比起修饰作用的图标大。我在做内容区域的图标时为了使整体的App看上去比较统一，图标的大小范围和顶部栏、底部导航栏的图标上下不超过2-4个像素，基本和文字的高度一致。可点击图标范围在32-36 px左右， 不可点击图标范围在24-28 px左右。

/////////////////////////////////////////////////////////////////

iphone4、5、6状态栏、导航栏、标签栏大小分别为:40px,88px,98px

---