您好,登錄后才能下訂單哦!
App中的UI元素
設(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)說明:
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。