iOS图标(AppIcon)与启动图(LaunchImage)
Posted 道法自然
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iOS图标(AppIcon)与启动图(LaunchImage)相关的知识,希望对你有一定的参考价值。
转载地址:http://blog.csdn.net/wenxiangjiang/article/details/50720871/
图标(AppIcon)与启动图(LaunchImage)是开发iOS应用程序必不可少的内容,但是在网络上对于这部分的内容讲解的并不详细,所以花些时间写了这篇文章,希望有需要的朋友可以随时查看
想知道AppIcon与LaunchImage的原理,必须对ios设备的发展有一个简单的了解,所以我们先来看一看iPhone系列和iPad系列发展史
iPhone发展史
设备 | 年份 | 尺寸 | 像素 | 点数 | 系统 |
---|---|---|---|---|---|
iPhone4 | 2010年 | 3.5 | 640*960 | 320*480 | ios4-iOS7 |
iPhone4S | 2011年 | 3.5 | 640*960 | 320*480 | iOS5-iOS9 |
iPhone5 | 2012年 | 4.0 | 640*1136 | 320*568 | iOS6-iOS9 |
iPhone5C | 2013年 | 4.0 | 640*1136 | 320*568 | iOS7-iOS9 |
iPhone5S | 2013年 | 4.0 | 640*1136 | 320*568 | iOS7-iOS9 |
iPhone6 | 2014年 | 4.7 | 750*1334 | 375*667 | iOS8-iOS9 |
iPhone6 Plus | 2014年 | 5.5 | 1242*2208 | 414*736 | iOS8-iOS9 |
iPhone6S | 2015年 | 4.7 | 750*1334 | 375*667 | iOS9 |
iPhone6S Plus | 2015年 | 5.5 | 1242*2208 | 414*736 | iOS9 |
iPad发展史
设备 | 年份 | 尺寸 | 像素 | 点数 | 系统 |
---|---|---|---|---|---|
iPad | 2010年 | 9.7 | 768*1024 | 768*1024 | iOS3-iOS5 |
iPad2 | 2011年 | 9.7 | 768*1024 | 768*1024 | iOS4-iOS9 |
iPad3 | 2012年 | 9.7 | 1536*2048 | 768*1024 | iOS5-iOS9 |
iPad4 | 2012年 | 9.7 | 1536*2048 | 768*1024 | iOS6-iOS9 |
iPad mini | 2012年 | 7.9 | 768*1024 | 768*1024 | iOS6-iOS9 |
iPad Air | 2013年 | 9.7 | 1536*2048 | 768*1024 | iOS7-iOS9 |
iPad mini2 | 2013年 | 7.9 | 1536*2048 | 768*1024 | iOS7-iOS9 |
iPad Air2 | 2014年 | 9.7 | 1536*2048 | 768*1024 | iOS8-iOS9 |
iPad mini3 | 2014年 | 7.9 | 1536*2048 | 768*1024 | iOS8-iOS9 |
iPad Pro | 2015年 | 12.9 | 2048*2732 | 1024*1366 | iOS9 |
iPad mini4 | 2015年 | 7.9 | 1536*2048 | 768*1024 | iOS9 |
从上面的内容可以看出,在苹果在iPhone4、iPad3、iPad mini2开始使用Retina屏幕,所以需要提供@2x的图片素材才能展示出来最细腻的效果(注:iPhone Plus系列需要使用@3x的图片素材),下面我们便谈一下AppIcon与LaunchImage的选择
AppIcon选择
设备 | iOS5,iOS6 | iOS7-iOS9 |
---|---|---|
iPhone APP | Icon57.png [email protected] | [email protected] [email protected] |
iPhone Settings | Icon29.png [email protected] [email protected] | Icon29.png [email protected] [email protected] |
iPhone Spotlight | Icon29.png [email protected] [email protected] | [email protected] [email protected] |
iPad APP | Icon72.png [email protected] | Icon76.png [email protected] |
iPad Settings | Icon29.png [email protected] | Icon29.png [email protected] |
iPad Spotlight | Icon50.png [email protected] | Icon40.png [email protected] |
iPad Pro APP | 无 | [email protected] |
笔者注:demo内所使用的图片取自网络
LaunchImage选择
设备 | iOS5,iOS6 | iOS7-iOS9/iOS8-iOS9 |
---|---|---|
iPhone Portrait | LaunchImage-320-480.png [email protected] [email protected] | [email protected] [email protected] |
iPhone HD 4.7 Portrait | 无 | [email protected] |
iPhone HD 5.5 Portrait | 无 | [email protected] |
iPhone HD 5.5 Landscape | 无 | [email protected] |
iPad Portrait | LaunchImage-768-1024.png [email protected] | LaunchImage-768-1024.png [email protected] |
iPad Landscape | LaunchImage-1024-768.png [email protected] | LaunchImage-1024-768.png [email protected] |
iPad Portrait Without Status Bar | LaunchImage-768-1004.png [email protected] | 无 |
iPad Landscape Without Status Bar | LaunchImage-1024-748.png [email protected] | 无 |
笔者附带一个demo下载地址,大家可以直接将AppIcon.appiconset和LaunchImage.launchimage中的图片替换为自己的图片即可
以上是关于iOS图标(AppIcon)与启动图(LaunchImage)的主要内容,如果未能解决你的问题,请参考以下文章
[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页