iOS: 适配启动图和图标

简介:

如何设置App的启动图,也就是Launch Image?

Step1

  • 1.点击Assets.xcassets 进入图片管理,然后右击,弹出"App Icons & Launch Images",选择"New iOS Launch Image"

  • 2.如图,右侧的勾选可以让你选择是否要对ipad,横屏,竖屏,以及低版本的ios系统做支持.这边我选了ios9,ios8.0,ios7.0,ios6.

Step2

将规定尺寸的图片从你的文件中拖动进到固定位置.

 

系统 尺寸 分辨率
iOS8,9 Rettina HUD 5.5 1242x2208
  Retina HD4.7 750x1334
  Landscape Retina Hd 5.5 2208x1242
ios7 @2x 640x960
  Retina4 640x1136
ios6,5 @1x 480x320
  @2x 640x960
  Retina4 640x1136

也即:

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

上传完毕,那么基本就快好了.

 

Step3

单击你整个项目名称,然后选择General,就是这个.切记Launch Screen File必须为空

 

重点来了.

首先,必须将LaunchImage的图片按照尺寸设置,不然app会出现上下黑边。

其次,我完成上面的步骤,且设置了Launch Images Srouce 为LaunchImage,但是启动图片还是不变,后来发现Launch SrceenFile,这个里面设置了,进去看下,你的目录下有个文件叫做LaunchScreen.xib或者LaunchScreen.storyboard 打开右侧框,选择这个文件,然后在如图,把Use as launch Srceen取消掉,这个就是你之前一直设置Launch Image不成功的原因


好了,运行一下,Run:当前适配为iPhone 6s plus

 

 

 

 

iOS App图标和启动画面尺寸

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

1. 桌面图标 (app icon)

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

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

  • for iPhone6 plus(@3x)       : 120 x 120
  • for iPhone6/5s/5/4s/4(@2x)  : 80 x 80

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

  • for iPhone6 plus(@3x)       : 87 x 87
  • for 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

5. 另一种根据iOS系统的分类法

Spotlight

  • iOS 5,6

    base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87

  • iOS 7,8

    base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120

iPhone App

  • iOS 5,6

    base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114

  • iOS 7,8

    base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180

Settings

  • iOS 5,6,7,8

    base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58x58, 87x87

6. 尺寸总结:

图标尺寸输出列表:

  • 180x180
  • 120x120
  • 87x87
  • 80x80
  • 58x58
  • 57x57
  • 29x29

启动图片尺寸输出列表:

  • 640x960
  • 640x1136
  • 750x1334
  • 1242x2208

7. 参考文献

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!
本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/5203084.html ,如需转载请自行联系原作者
相关文章
|
5月前
|
小程序 开发工具 Android开发
Donut多端框架小程序打包适配ios和安卓app
腾讯新出了一个 Donut 多端框架,可以直接将微信小程序转成 ios 和 安卓 app,小程序开发者工具里也集成了 app 相关升级、调试和打包的功能,终于可以一套代码开发出3个客户端了!
127 0
Donut多端框架小程序打包适配ios和安卓app
|
7月前
|
小程序 iOS开发
uniapp中IOS端小程序底部黑线适配的方法(整理)
uniapp中IOS端小程序底部黑线适配的方法(整理)
|
9月前
|
开发工具 iOS开发 开发者
iOS 暗黑模式的适配总结
iOS 暗黑模式的适配总结
|
iOS开发
iOS更新iOS15.0后APP图标变网格空白问题
iOS更新iOS15.0后APP图标变网格空白问题的解决
334 0
|
iOS开发
iOS 启动图设置及icon图标设置
OS 启动图设置及icon图标设置
738 0
iOS 启动图设置及icon图标设置
|
iOS开发 Perl
iOS 屏幕比例适配
iOS 屏幕比例适配
|
iOS开发
iOS - 用Masonry封装的slider,完全支持Masonry的适配
iOS - 用Masonry封装的slider,完全支持Masonry的适配
99 0
|
安全 iOS开发
iOS小技能:下拉刷新控件的适配
1. 下拉顶部背景色设置: 往tableView的父控件添加拉伸背景视图 2. present 半屏适配 iOS13 modalPresentationStyle属性默认不是全屏样式`UIModalPresentationFullScreen`,而是半屏样式,需要根据需求手动设置。 present 半屏,会导致列表下拉刷新失效。
159 0
iOS小技能:下拉刷新控件的适配
|
编译器 iOS开发
IOS越狱开发(二)———APP开机自动启动并隐藏图标
IOS越狱开发(二)———APP开机自动启动并隐藏图标
247 0
IOS越狱开发(二)———APP开机自动启动并隐藏图标
|
Web App开发 移动开发 前端开发
HTML5 移动端页面适配 iOS 系统刘海屏
HTML5 移动端页面适配 iOS 系统刘海屏
1071 0
HTML5 移动端页面适配 iOS 系统刘海屏