美文网首页iOS打包上架
iOS开发之尺寸(三):启动图片设置

iOS开发之尺寸(三):启动图片设置

作者: KODIE | 来源:发表于2017-07-07 17:40 被阅读405次

启动图片设置

  • 第一种方式:
    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 :375
667 (7501334)
2x (3.5) |4|@2x :320
480 (640960)
Retina 4|5/5s/SE|@2x :320
568 (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应用图标和启动图片的设置

这个可以重点看下

ipad,iphone启动图片命名

相关文章

网友评论

    本文标题:iOS开发之尺寸(三):启动图片设置

    本文链接:https://www.haomeiwen.com/subject/cgkrhxtx.html