iOS图标(AppIcon)与启动图(LaunchImage)
生活随笔
收集整理的這篇文章主要介紹了
iOS图标(AppIcon)与启动图(LaunchImage)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
圖標(AppIcon)與啟動圖(LaunchImage)是開發(fā)iOS應(yīng)用程序必不可少的內(nèi)容,但是在網(wǎng)絡(luò)上對于這部分的內(nèi)容講解的并不詳細,所以花些時間寫了這篇文章,希望有需要的朋友可以隨時查看
想知道AppIcon與LaunchImage的原理,必須對iOS設(shè)備的發(fā)展有一個簡單的了解,所以我們先來看一看iPhone系列和iPad系列發(fā)展史
iPhone發(fā)展史
| 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發(fā)展史
| 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 |
從上面的內(nèi)容可以看出,在蘋果在iPhone4、iPad3、iPad mini2開始使用Retina屏幕,所以需要提供@2x的圖片素材才能展示出來最細膩的效果(注:iPhone Plus系列需要使用@3x的圖片素材),下面我們便談一下AppIcon與LaunchImage的選擇
AppIcon選擇
| iPhone APP | Icon57.png Icon57@2x.png | Icon60@2x.png Icon60@3x.png |
| iPhone Settings | Icon29.png Icon29@2x.png Icon29@3x.png | Icon29.png Icon29@2x.png Icon29@3x.png |
| iPhone Spotlight | Icon29.png Icon29@2x.png Icon29@3x.png | Icon40@2x.png Icon40@3x.png |
| iPad APP | Icon72.png Icon72@2x.png | Icon76.png Icon76@2x.png |
| iPad Settings | Icon29.png Icon29@2x.png | Icon29.png Icon29@2x.png |
| iPad Spotlight | Icon50.png Icon50@2x.png | Icon40.png Icon40@2x.png |
| iPad Pro APP | 無 | Icon83.5@2x.png |
筆者注:demo內(nèi)所使用的圖片取自網(wǎng)絡(luò)
LaunchImage選擇
| iPhone Portrait | LaunchImage-320-480.png LaunchImage-320-480@2x.png LaunchImage-320-568@2x.png | LaunchImage-320-480@2x.png LaunchImage-320-568@2x.png |
| iPhone HD 4.7 Portrait | 無 | LaunchImage-375-667@2x.png |
| iPhone HD 5.5 Portrait | 無 | LaunchImage-414-736@3x.png |
| iPhone HD 5.5 Landscape | 無 | LaunchImage-736-414@3x.png |
| iPad Portrait | LaunchImage-768-1024.png LaunchImage-768-1024@2x.png | LaunchImage-768-1024.png LaunchImage-768-1024@2x.png |
| iPad Landscape | LaunchImage-1024-768.png LaunchImage-1024-768@2x.png | LaunchImage-1024-768.png LaunchImage-1024-768@2x.png |
| iPad Portrait Without Status Bar | LaunchImage-768-1004.png LaunchImage-768-1004@2x.png | 無 |
| iPad Landscape Without Status Bar | LaunchImage-1024-748.png LaunchImage-1024-748@2x.png | 無 |
筆者附帶一個demo下載地址,大家可以直接將AppIcon.appiconset和LaunchImage.launchimage中的圖片替換為自己的圖片即可
轉(zhuǎn)載請注明出處:http://blog.csdn.net/wenxiangjiang/article/details/50720871/,請尊重作者勞動成果。
總結(jié)
以上是生活随笔為你收集整理的iOS图标(AppIcon)与启动图(LaunchImage)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Linux服务器常用命令 - 记录(An
- 下一篇: linux系统点歌机 ntfs分区,嵌入