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,iOS6iOS7-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,iOS6iOS7-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开发项目之二 [ App appicon与启动图]

AppIcon 与启动图像叠加

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页

[转-备忘]iOS11.0后APP的图标和启动图

iOS获取app图标和启动图片名字(AppIcon and LaunchImage's name)

iOS-APP-Icon 图标启动图及名字的设置