App中的UI元素
防城港網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)公司!從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司成立于2013年到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。
設(shè)備的尺寸
iPhone設(shè)備尺寸:
設(shè)備 | 分辨率 | 點(diǎn)坐標(biāo) | 尺寸 | 狀態(tài)欄高度 | 導(dǎo)航欄高度 | 標(biāo)簽欄高度 |
iPhone 6s Plus & iPhone 6 Plus | 1080×1920 px | 540x960 | 5.5 | 40 px | 88 px | 98 px |
iPhone 6s & 6 | 750x1334 px | 375x667 | 4.7 | 40 px | 88 px | 98 px |
iPhone 5 & 5s & 5c | 640x1136 px | 320x568 | 4.0 | 40 px | 88 px | 98 px |
iPhone 4 & 4s | 640x960 px | 320x480 | 3.5 | 40 px | 88 px | 98 px |
iPhone & 3G & 3GS & iPod Touch | 320x480 px | 320x480 | 3.5 | 20 px | 44 px | 49 px |
關(guān)于分辨率與點(diǎn)坐標(biāo):
分辨率是指屏幕上的像素陣列
點(diǎn)坐標(biāo)是在開發(fā)過程中使用的坐標(biāo)
自iPhone4開始,蘋果設(shè)備的屏幕采用retina視網(wǎng)膜屏,原來的一個(gè)像素點(diǎn)可以顯示4個(gè)像素
即:分辨率的寬高分別為點(diǎn)坐標(biāo)寬高的2倍
iPad設(shè)備尺寸:
設(shè)備 | 分辨率 | 點(diǎn)坐標(biāo) | 尺寸 | 狀態(tài)欄高度 | 導(dǎo)航欄高度 | 標(biāo)簽欄高度 |
iPad Pro | 2732x2048 px | 1366x1024 | 12.9 | 40 px | 88 px | 98 px |
iPad 3 & 4 & 5 & 6 & Air & Air2 | 2048x1536 px | 1024x768 | 9.7 | 40 px | 88 px | 98 px |
iPad & 2 | 1024x768 px | 1024x768 | 9.7 | 20 px | 44 px | 49 px |
iPad Mini 2 & 3 & 4 | 2048x1536 px | 1024x768 | 7.9 | 40 px | 88 px | 98 px |
iPad Mini | 1024x768 px | 1024x768 | 7.9 | 20 px | 44 px | 49 px |
iPad2及之前、iPad Mini不是retina屏幕
所有設(shè)備的狀態(tài)高度均為20,導(dǎo)航欄高度均為44,標(biāo)簽欄高度均為49 (點(diǎn)坐標(biāo))
自iOS7.0開始,蘋果開始采用扁平化的風(fēng)格,在有導(dǎo)航欄的情況下,狀態(tài)欄的背景由導(dǎo)航欄管理
即:導(dǎo)航欄的背景高度應(yīng)為64
App圖標(biāo)的使用
哪些地方用到App的圖標(biāo)?
Home Screen
App list in iTunes
Spotlight
Settings
不同的設(shè)備如何顯示同一個(gè)圖標(biāo)?
iOS開發(fā)中,通過圖標(biāo)文件的名字,區(qū)分這個(gè)圖標(biāo)應(yīng)當(dāng)顯示那個(gè)設(shè)備上,如:
icon.png 用在非retina屏幕的設(shè)備上
icon@2x.png 用在retina屏幕的設(shè)備上
icon@3x.png 用在iPhone 6/6s Plus上
這一規(guī)則同樣適用于任何在iOS開發(fā)中使用的圖片資源
如何設(shè)置App的圖標(biāo)?
創(chuàng)建項(xiàng)目后,會(huì)包含一個(gè) .xcassets 文件,該文件用于管理圖標(biāo)資源
默認(rèn)情況下,該文件會(huì)有一個(gè)名字為AppIcon的Image Set
選擇之后,可以將所有的App圖標(biāo)文件拖到其中,會(huì)自動(dòng)進(jìn)行適配
適配的原理是,App圖標(biāo)有統(tǒng)一的命名規(guī)范。
附iPhone Only應(yīng)用的圖標(biāo)說明:
附iPad Only應(yīng)用的圖標(biāo)說明:
附Universal應(yīng)用的圖標(biāo)說明: