溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
App中的UI元素
設備的尺寸
iPhone設備尺寸：
設備 | 分辨率 | 點坐標 | 尺寸 | 狀態欄高度 | 導航欄高度 | 標簽欄高度 |
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 |
關于分辨率與點坐標：
分辨率是指屏幕上的像素陣列
點坐標是在開發過程中使用的坐標
自iPhone4開始，蘋果設備的屏幕采用retina視網膜屏，原來的一個像素點可以顯示4個像素
即：分辨率的寬高分別為點坐標寬高的2倍
iPad設備尺寸：
設備 | 分辨率 | 點坐標 | 尺寸 | 狀態欄高度 | 導航欄高度 | 標簽欄高度 |
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屏幕
所有設備的狀態高度均為20，導航欄高度均為44，標簽欄高度均為49 （點坐標）
自iOS7.0開始，蘋果開始采用扁平化的風格，在有導航欄的情況下，狀態欄的背景由導航欄管理
即：導航欄的背景高度應為64
App圖標的使用
哪些地方用到App的圖標？
Home Screen
App list in iTunes
Spotlight
Settings
不同的設備如何顯示同一個圖標？
iOS開發中，通過圖標文件的名字，區分這個圖標應當顯示那個設備上，如：
icon.png 用在非retina屏幕的設備上
icon@2x.png 用在retina屏幕的設備上
icon@3x.png 用在iPhone 6/6s Plus上
這一規則同樣適用于任何在iOS開發中使用的圖片資源
如何設置App的圖標？
創建項目后，會包含一個 .xcassets 文件，該文件用于管理圖標資源
默認情況下，該文件會有一個名字為AppIcon的Image Set
選擇之后，可以將所有的App圖標文件拖到其中，會自動進行適配
適配的原理是，App圖標有統一的命名規范。
附iPhone Only應用的圖標說明：
附iPad Only應用的圖標說明：
附Universal應用的圖標說明：
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
