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

一、iOS中LaunchImage的尺寸

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

如何使用

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

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

addLuanchImage.png

尺寸大小

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

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

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启动页设置及问题解决

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

 

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

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

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

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

 

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

 

 

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

 

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

 

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

 

 

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

 

三.需要设置Launch Screen File   

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

 

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

 

在配置好以上之后启动页的图片就会使用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的呢?又或者是图片大小不对. 这是我遇到过的情况.