iPhone尺寸

尺寸

1. iPhone X 的寬為375pt, 高為812pt。在3倍顯示模式下，這等價於1125 x 2346畫素。
   • 寬為375pt意味著它與iPhone 6 7 8 等4.7英寸螢幕具有相同寬度。對於短邊上，他們顯示的內容數量是相同的。
   • 高為812pt意味著它比4.7英寸屏要高145pt，超出的高度大約提供了20%顯示內容的空間。
2. iPhone 尺寸圖

3.

控制元件

1. 使用標準的UIKit控制元件會使適配工作很容易。UINavigationbar、UIToolbar、UITabbar 在所有的 iOS 裝置上都會自動調整合適的位置和縮放比例
   • UINavigationbar的背景會延伸到螢幕的頂部邊緣
   • UIToolbar、UITabbar的背景會延伸到底部
   • 同時，它們中包含的元素也會自動地調整位置

SafeArea

1. 從 iOS 11 開始，Auto Layout 中增加了一個新的佈局指南：Safe Area Layout Guide，廢棄了 iOS 11 之前的 Top Layout Guide 和 Bottom Layout Guide
2. iPhone 8 SafeArea示意圖：

   

3. iPhone X SafeArea示意圖：

相關程式碼

//獲取裝置螢幕尺寸
#define SCREEN_WIDTH ([UIScreen mainScreen].bounds.size.width)
#define SCREEN_HEIGHT ([UIScreen mainScreen].bounds.size.height)
//以4.7英寸屏為效果圖
#define SCALE_WIDTH ((SCREEN_HEIGHT<480.0)?(1.0):(SCREEN_WIDTH/375))
#define SCALE_HEIGHT ((SCREEN_HEIGHT<480.0 || (SCREEN_HEIGHT == 812.0))?(1.0):(SCREEN_HEIGHT/667))
#define SafeAreaTopHeight (SCREEN_HEIGHT == 812.0 ? 88 : 64)
#define SafeAreaBottomHeight (SCREEN_HEIGHT == 812.0 ? 34 : 0)
#define TabbarHeight (49 + SafeAreaBottomHeight)
#define iPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)複製程式碼