iOS开发之尺寸(三)：启动图片设置
启动图片设置
-
第一种方式:
1>直接使用LaunchScreen.storyboard,然后在上面拖一个imageView,然后添加图片即可
2>注意:LaunchScreen.storyboard是8.0以后才有的,其次LaunchScreen.storyboard是不能关联任何类的 -
第二种方式:
1>将LaunchScreen.storyboard删除掉,点击工程target->General->App Icons and Launch Images
2>找到Launch Screen File,把LaunchScreen删除掉
3>找到Launch Images Source,点击Use Asset Catalog,弹出对话框,直接点Migrate
4>点击左边的文件目录:点击Assets.xcassets,能够看见LaunchImage
5>把启动图片拖入LaunchImage中,然后缺图找UI要
第二种方式的尺寸问题和命名规范
- 尺寸问题:
进入LaunchImage,点击右侧的第三个属性设置,勾选iphone7.0 and later以及iphone8.0 and later,然后会出现很多的尺寸,其中:
以下是iPhone相关
屏幕尺寸|适用机型|像素
----|----
Retina HD 5.5|6p/7p/6sp/7sp|@3x :414 736 (12422208)
Retina HD 4.7|6/7/6s/7s|@2x :375667 (7501334)
2x (3.5) |4|@2x :320480 (640960)
Retina 4|5/5s/SE|@2x :320568 (640*1136)
- 命名规范:
命名一定要以Default开头,按照如下格式进行
| 启动图名字 | 适用机型 | LaunchImage对应位置 | Size |
|---|---|---|---|
| Default-568h@2x.png | 5/5s/SE | Retina 4 | 640*1136 |
| Default-667h@2x.png | 6/7/6S/7S | Retina HD 4.7 | 750*1334 |
| Default-736h@3x.png | 6P/7P/6SP/7SP | Retina HD 5.5 | 1242*2208 |
| Default@2x.png | 4 | 2x | 640*960 |
| 对应iOS版本 | LaunchImage对应位置 | 对应size | 倍率 |
|---|---|---|---|
| iPhone Portrait iOS 8 | Retina HD 5.5 | （1242×2208） | @3x |
| iPhone Portrait iOS 8- | Retina HD 4.7 | （750×1334） | @2x |
| iPhone Portrait iOS 7,8 | 2x | （640×960） | @2x |
| iPhone Portrait iOS 7,8 | Retina 4 | （640×1136） | @2x |
| iPhone Portrait iOS 5,6 | 1x | （320×480） | @1x |
| iPhone Portrait iOS 5,6 | 2x | （640×960） | @2x |
| iPhone Portrait iOS 5,6 | Retina4 | （640×1136） | @2x |
以下是iPad相关
| 1 | 2 | 3 |
|---|---|---|
| Retina iPad | Default-Portrait@2x.png | (1536x2048 ~ for Retina iPad Portrait) |
| Retina iPad | Default-Landscape@2x.png | (2048x1536 ~ for Retina iPad Landscape) |
| iPad Mini/iPad | Default-Portrait~ipad.png | (768x1024 ~ for iPad Portrait) |
| iPad Mini/iPad | Default-Landscape~ipad.png | (1024x768 ~ for iPad Landscape) |
iPad对应的列表：
| 1 | 2 | 3 |
|---|---|---|
| Retina iPad | Default-Portrait@2x.png | (1536x2048 ~ for Retina iPad Portrait) |
| Retina iPad | Default-Landscape@2x.png | (2048x1536 ~ for Retina iPad Landscape) |
| iPad Mini/iPad | Default-Portrait~ipad.png | (768x1024 ~ for iPad Portrait) |
| iPad Mini/iPad | Default-Landscape~ipad.png | (1024x768 ~ for iPad Landscape) |
Default-Portrait.png iPad专用竖向启动画面 768x1024或者768x1004
Default-Landscape.png iPad专用横向启动画面 1024x768或1024x748
Default-PortraitUpsideDown.png iPad专用竖向启动画面(Home按钮在屏幕上面)，可省略 768x1024或者768x1004
Default-LandscapeLeft.png iPad专用横向启动画面，可省略 1024x768或者1024x748
Default-LandscapeRight.png iPad专用横向启动画面，可省略 1024x768或者1024x748
以上如果不行的话看下： App切图以及Icon和启动图片的命名规范
Snip20170728_220.png
Snip20170728_217.png
问题处理
- 出现如下报错问题：
The launch image set named “LaunchImage” did not have any applicable content.
Snip20170728_211.png
这个给出的结论是尺寸没有给对，所以还是按照上面的表来对应设置就好了
-
出现以下这种上下留黑框的问题
21_481413_34223614db3b367.png
像上面这种问题就是只设置了iPhone5/5S/SE等尺寸即：320*568的，所以我们要设置对应的其他尺寸的，参照上面的尺寸，并且命名要规范
参考
IOS 启动画面设置
关于iOS APP设置启动图片
iOS程序启动画面Launcher图片的配置方法(支持iPhone、iPad)
App切图以及Icon和启动图片的命名规范
【IOS】关于IOS应用图标和启动图片的设置
这个可以重点看下
