iOS--LaunchImage启动页设置及问题解决

比眉伴天荒 2022-03-21 12:22 2118阅读 0赞

# 一、iOS中LaunchImage的尺寸 #

在我们应用开发中，用户在手机上点开我们的应用，从手指点击到我们的应用图标到我们的应用真正启动是需要一段时间的，随着开发的推进，有可能会把这个时间变得比较长，这个时候我们就需要有一个占位图来在用户点击了我们的应用之后马上显示出来给用户看。这个东西就是 `LaunchImage`。

## 如何使用 ##

添加 `LaunchImage`很简单，只需要在图片文件夹`Images.xcassets`中点击 `+`，然后选择`App Icons & Launch Images` 然后选择 `New iOS Launch Image`就可以了。

![Image 1][]

addLuanchImage.png

## 尺寸大小 ##

添加了之后我们就会看到一大堆等着我们填充的位置，这么多位置，看着真是不知道要写填什么尺寸好。

![Image 1][]

showLuanchImage.png

那么下边我就把每个位置对应的图片尺寸写下来。

### iPhone Portrait iOS 5,6 ###

*  1x : 320\*480
 *  2x : 640\*960
 *  Retina : 640\*1136

### iPad Protrait Without Status Bar iOS 5,6 ###

*  1x : 768\*1004
 *  2x : 1536\*2008

### iPad Portrait ###

*  1x : 768\*1024
 *  2x : 1536\*2048

### iPad Landscape Without Status Bar iOS 5,6 ###

*  1x : 1024\*748
 *  2x : 2048\*1496

### iPad Landscape iOS 5,6 ###

*  1x : 1024\*768
 *  2x : 2048 \* 1536

### iPhone Protrait iOS 8,9 ###

*  Retina HD 5.5'' : 1242\*2208
 *  Retina HD 4.7'' : 750\*1334

### iPhone Landscape iOS 8,9 ###

*  Retina HD 5.5'' : 2208 \* 1243

### iPhone Portrait iOS 7-9 ###

*  2x : 640\*960
 *  Retina4 : 640\*1136

### iPad Portrait iOS 7-9 ###

*  1x : 768\*1024
 *  2x : 1536\*2048

### iPad Landscape iOS 7-9 ###

*  1x : 1024\*768
 *  2x : 2048\*1536

这样设置好了之后，我们的应用在启动时就会显示对应的启动图片了。

# 二、[iOS--LaunchImage启动页设置及问题解决][iOS--LaunchImage] #

## **在Assets.xcassets中使用LaunchImage来设置启动图:** ##

** **

一.根据不同屏幕尺寸的需求设置不同的图片，可以参照下图：

1.点击Image.xcassets 进入图片管理,然后右击,弹出"New Launch Image"

2.右侧的勾选可以让你选择是否要对ipad,横屏,竖屏,以及低版本的ios系统做支持

3. 注意: 为适配 iPhone X, 图片尺寸为1125px\*2436px

![1376478-c3f5908f0284af94.png][]

![1376478-aec35c7a420ef8d8.png][]

二.取消系统默认使用的LaunchScreen，首先你要取消Use as Launch Screen 的选中

![1376478-f1ebea8f62d407d5.png][]

![1376478-b9318fb3decb0dd0.png][]

三.需要设置Launch Screen File

单击你整个项目名称,  选择General,就是这个.

![1376478-6d93491896b8b978.png][]

在配置好以上之后启动页的图片就会使用LaunchImage中的图片了..

--------------------

### **但是经过上述步骤之后，你觉得完全没有问题了，但是仍然无法显示LaunchImage。** ###

或者，你在多个模拟器上运行该程序，有的模拟器能够显示，有的模拟器不能显示。

这时候你可能会有3个选择：

1. 菜单－product－Clean－rebuild，也就是重新build程序。

2. 菜单－Xcode－preference－Locations－Derived data－open in Finder，然后删除其中的缓存文件，并重新build程序。

3.把App在模拟器上卸载掉，然后重新build。

4.reset模拟器

正常情况下，LaunchImage 应该会显示了。

--------------------

### 如果真的真的还是不显示的话, 或者遇到5s真机测试时屏幕变小,且有上下两条黑道的话,那就是图片的问题,是否为jpeg转为png的呢?又或者是图片大小不对. 这是我遇到过的情况. ###

[Image 1]: 
[iOS--LaunchImage]: https://www.cnblogs.com/sundaysgarden/p/9012847.html
[1376478-c3f5908f0284af94.png]: /images/20220321/38a5804573864d528f9092fad0c4f311.png
[1376478-aec35c7a420ef8d8.png]: /images/20220321/b201ec87a4d74f2ea5e515639e28ec38.png
[1376478-f1ebea8f62d407d5.png]: /images/20220321/c6a65f35026643b2a11d478319a19b38.png
[1376478-b9318fb3decb0dd0.png]: /images/20220321/d93f1cc52ca84eaaaee9e7f3acaa62c3.png
[1376478-6d93491896b8b978.png]: /images/20220321/66eb58c94e6c42baab6b5e424779fef9.png