2023年12月7日发(作者：休顺美)

iPad中的尺寸、安全区，导航高度、机型判断

iphone：===========

*************APP图标：20px，29px，40px，60px／（@2x,@3x） 1024px

tablviewcell的默认高度------44p'x；

statuebar:20，x以上44 --------navigationbar:44----tabBar:49

launchimage的图片只需要设置750*1334 @2x和1125*2436@3x。

在oard中添加一个UIIMageView。

因为有安全区域，默认的约束是以安全区域为对象的，不准确，所以要修改约束，以父view为参考对象。

xsMax：1242X2688

xr：828X1792

x 和 xs 1125X2436

plus： 1242x2208,-----

750x1334,----，

640x960,----

640x1136px;----

******************屏幕尺寸：

5s/SE:320*568——-（图片尺寸）

6/6s/7:375*667(手机尺寸)—————（图片大小有导航）750*1334—(无导航)—750*1206

6sP/7sp:414*736（手机尺寸）——（图 片尺寸有导航）1242*2208——（无导航）1242*2016

6sP/7spdisplayzoom：图 片尺寸有导航1125*2001 —（无导航）1125*1809；

=======去掉导航的尺寸

se/5s:640*1008@2x

6/6s/7:750*1206@2x，如果只有这一张，也可适配plus3x

6p/7p:1242*2016@3x，或者828*1334@2X单独放着一张

PX:1125*2070@3x(去除导航和安全区域) 或者750*1380@2X的也可以。

iphoneX以前的：#define Device_Is_iPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)//判断iPHoneXr#define IS_IPHONE_Xr ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(828, 1792), [[UIScreen mainScreen] currentMode].size) : NO)//判断iPhoneXs#define IS_IPHONE_Xs ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)//判断iPhoneXs Max#define IS_IPHONE_Xs_Max ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1242, 2688), [[UIScreen mainScreen] currentMode].size) : NO)#define TopSpaceHigh ((Device_Is_iPhoneX||IS_IPHONE_Xs||IS_IPHONE_Xr||IS_IPHONE_Xs_Max)?88:64)

#define BottomHeight ((Device_Is_iPhoneX||IS_IPHONE_Xs||IS_IPHONE_Xr||IS_IPHONE_Xs_Max)?34:0)+++++++++++iphoneX以后：// 判断 iPad#define DX_UI_IS_IPAD (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad)// 判断iPhone X#define DX_Is_iPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)//判断iPHoneXr | 11#define DX_Is_iPhoneXR ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(828, 1792), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//判断iPHoneXs | 11Pro#define DX_Is_iPhoneXS ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//判断iPhoneXs Max | 11ProMax#define DX_Is_iPhoneXS_MAX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1242, 2688), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//判断iPhone12_Mini#define DX_Is_iPhone12_Mini ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1080, 2340), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//判断iPhone12 | 12Pro#define DX_Is_iPhone12 ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1170, 2532), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//判断iPhone12 Pro Max#define DX_Is_iPhone12_ProMax ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1284, 2778), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//x系列，包含x、11、12#define DX_IS_IPhoneX_All (DX_Is_iPhoneX || DX_Is_iPhoneXR || DX_Is_iPhoneXS || DX_Is_iPhoneXS_MAX ||DX_Is_iPhone12_Mini || DX_Is_iPhone12 || DX_Is_iPhone12_ProMax)#define TopSpaceHigh (DX_IS_IPhoneX_All?88:64)

#define BottomHeight (DX_IS_IPhoneX_All?83:49)

#define StateBarHigh (DX_IS_IPhoneX_All?44:20)

#define bottomSafeHeight (DX_IS_IPhoneX_All?34:0)

iPhone XS， XS Max 和 iPhone X 一致，都是 458 ppi，因此还是3倍切图@3x就好了！ iPhone XR 和 iPhone 6/7/8 一致，都是

326ppi，因此采用2倍切图@2x 。

首先我们看下新机型的逻辑像素（pt）尺寸（即密度无关像素尺寸）

iPhone XS：分辨率/3，即 375 x 812pt，因此跟iPhone X 的布局完全一致；

iPhone XS Max： 分辨率/3， 即 414 x 896pt；

iPhone XR：分辨率/2，即 414 x 896pt。

也就是说，相当于只增加了一个尺寸 414 x 896pt，而且 XS Max 和 XR 都是全面屏需要留出安全区域。

因此如果你是以 iPhone 8 （375x667pt） 为基准做 XS Max 和 XR 的设计稿，那么就是拉宽拉高尺寸到 414 x 896， 然后状态栏由

20pt变为44pt，添加底部主页指示器34pt。

第一部分：尺寸和分辨率的对比

iphone SE 主屏尺寸：4英寸 主屏分辨率：1136×640像素

iphone 5、5S、5c 主屏尺寸：4英寸 主屏分辨率：1136×640像素

4英寸：单手操作的最佳选择，操作错误率最低，适合商务办公人士。

这个尺寸非常小巧、轻便的，同时手机握持时手感非常舒适。

第二部分：外观颜色的对比：

iPhone SE 颜色上有银色、金色、深空灰色和玫瑰金四种可选。

iPhone 5、5S 颜色上有银色、金色、深空灰色等三种可选。

iPhone 5C 至今仍是配色最为丰富的iPhone。 拥有白、粉、黄、蓝、绿，五个活泼色彩机身.

iPhone SE是一款高性能小屏幕的手机。比iphone5系列手机的配置、照相机都要好。

从设计的角度来说：

我们设计的APP界面尺寸还是用iphone6的尺寸（750*1334px），这样可以向下适配iPhone SE和iphone5系列的手机。

如果是做微信端和移动web端的H5页面设计尺寸，可以是640*1136px的尺寸。

iponeX===================

总的区域：375*812（1125*2436px，@3x,) ;逻辑大小（1125*2436，@3x）

ipnoneX的顶部不安全区域：显示高度44Point ，宽度显示375

底部不安全区域：显示高度34point，宽度显示375

有效的区域：显示375*690(1125*2070,@3x)，除掉导航44，头部不安全区域：44，底部不安全区域：34

ipad======================

*********安全区、导航高度

#define TopStatuHeight [[UIApplication sharedApplication] statusBarFrame].

#define TabbarHeight ([[UIApplication sharedApplication] statusBarFrame].>20?83:49) // 适配iPhone x 底栏高

度

#define NavitionbarHeight ([[UIApplication sharedApplication] statusBarFrame].>20?88:64) // 适配iPhone x 导

航高度

#define BottomSafebarHeight ([[UIApplication sharedApplication] statusBarFrame].>20?34:0) // 适配iPhone x

导航高度

#define ScreenWidth [[UIScreen mainScreen] bounds].

#define ScreenHeight [[UIScreen mainScreen] bounds].

//各种设备的分辨率

#define iPhone4 ([UIScreen instancesRespondToSelector:@selector(currentMode)]?CGSizeEqualToSize(CGSizeMake(640,

960), [[UIScreen mainScreen] currentMode].size):NO)

#define iPhone5 ([UIScreen instancesRespondToSelector:@selector(currentMode)]?CGSizeEqualToSize(CGSizeMake(640,

1136), [[UIScreen mainScreen] currentMode].size):NO)

#define iPhone6 ([UIScreen instancesRespondToSelector:@selector(currentMode)]?CGSizeEqualToSize(CGSizeMake(750,

1334), [[UIScreen mainScreen] currentMode].size):NO)

#define iPhone6Plus ([UIScreen instancesRespondToSelector:@selector(currentMode)]?

CGSizeEqualToSize(CGSizeMake(1242, 2208), [[UIScreen mainScreen] currentMode].size):NO)

#define is768x1024 ([UIScreen instancesRespondToSelector:@selector(currentMode)]?

CGSizeEqualToSize(CGSizeMake(768, 1024), [[UIScreen mainScreen] currentMode].size):NO)

#define is1536x2048 ([UIScreen instancesRespondToSelector:@selector(currentMode)]?

CGSizeEqualToSize(CGSizeMake(1536, 2048), [[UIScreen mainScreen] currentMode].size):NO)

判断当前的iPhone设备/系统版本

判断是否为iPhone

#define sky_IS_IPHONE (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)

判断是否为iPad

#define sky_IS_IPAD (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad)

判断是否为ipod

#define sky_IS_IPOD ([[[UIDevice currentDevice] model] isEqualToString:@"iPod touch"])

判断是否为 iPhone 5SE

#define sky_iPhone5SE [[UIScreen mainScreen] bounds]. == 320.0f && [[UIScreen mainScreen] bounds]. == 568.0f

判断是否为iPhone 6/6s/7

#define sky_iPhone6_6s_7 [[UIScreen mainScreen] bounds]. == 375.0f && [[UIScreen mainScreen] bounds]. == 667.0f

判断是否为iPhone 6Plus/6sPlus/7Plus

#define sky_iPhone6Plus_6sPlus_7Plus [[UIScreen mainScreen] bounds]. == 414.0f && [[UIScreen mainScreen] bounds]. == 736.0f

获取系统版本

//这个方法不是特别靠谱

#define sky_IOS_SYSTEM_VERSION [[[UIDevice currentDevice] systemVersion] floatValue]

//建议使用这个方法

#define sky_IOS_SYSTEM_VERSION_STRING [[UIDevice currentDevice] systemVersion]

判断 iOS 8 或更高的系统版本

#define IOS_VERSION_8_OR_LATER (([[[UIDevice currentDevice] systemVersion] floatValue] >=8.0)? (YES):(NO))

**判断是真机还是模拟器

#if TARGET_OS_IPHONE

//iPhone Device

#endif

#if TARGET_IPHONE_SIMULATOR

//iPhone Simulator

#endif

2023年12月7日发(作者：休顺美)

iPad中的尺寸、安全区，导航高度、机型判断

iphone：===========

*************APP图标：20px，29px，40px，60px／（@2x,@3x） 1024px

tablviewcell的默认高度------44p'x；

statuebar:20，x以上44 --------navigationbar:44----tabBar:49

launchimage的图片只需要设置750*1334 @2x和1125*2436@3x。

在oard中添加一个UIIMageView。

因为有安全区域，默认的约束是以安全区域为对象的，不准确，所以要修改约束，以父view为参考对象。

xsMax：1242X2688

xr：828X1792

x 和 xs 1125X2436

plus： 1242x2208,-----

750x1334,----，

640x960,----

640x1136px;----

******************屏幕尺寸：

5s/SE:320*568——-（图片尺寸）

6/6s/7:375*667(手机尺寸)—————（图片大小有导航）750*1334—(无导航)—750*1206

6sP/7sp:414*736（手机尺寸）——（图 片尺寸有导航）1242*2208——（无导航）1242*2016

6sP/7spdisplayzoom：图 片尺寸有导航1125*2001 —（无导航）1125*1809；

=======去掉导航的尺寸

se/5s:640*1008@2x

6/6s/7:750*1206@2x，如果只有这一张，也可适配plus3x

6p/7p:1242*2016@3x，或者828*1334@2X单独放着一张

PX:1125*2070@3x(去除导航和安全区域) 或者750*1380@2X的也可以。

iphoneX以前的：#define Device_Is_iPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)//判断iPHoneXr#define IS_IPHONE_Xr ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(828, 1792), [[UIScreen mainScreen] currentMode].size) : NO)//判断iPhoneXs#define IS_IPHONE_Xs ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)//判断iPhoneXs Max#define IS_IPHONE_Xs_Max ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1242, 2688), [[UIScreen mainScreen] currentMode].size) : NO)#define TopSpaceHigh ((Device_Is_iPhoneX||IS_IPHONE_Xs||IS_IPHONE_Xr||IS_IPHONE_Xs_Max)?88:64)

#define BottomHeight ((Device_Is_iPhoneX||IS_IPHONE_Xs||IS_IPHONE_Xr||IS_IPHONE_Xs_Max)?34:0)+++++++++++iphoneX以后：// 判断 iPad#define DX_UI_IS_IPAD (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad)// 判断iPhone X#define DX_Is_iPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)//判断iPHoneXr | 11#define DX_Is_iPhoneXR ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(828, 1792), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//判断iPHoneXs | 11Pro#define DX_Is_iPhoneXS ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//判断iPhoneXs Max | 11ProMax#define DX_Is_iPhoneXS_MAX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1242, 2688), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//判断iPhone12_Mini#define DX_Is_iPhone12_Mini ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1080, 2340), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//判断iPhone12 | 12Pro#define DX_Is_iPhone12 ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1170, 2532), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//判断iPhone12 Pro Max#define DX_Is_iPhone12_ProMax ([UIScreen instancesRespondToSelector:@selector(currentMode)] ?CGSizeEqualToSize(CGSizeMake(1284, 2778), [[UIScreen mainScreen] currentMode].size) && !DX_UI_IS_IPAD : NO)//x系列，包含x、11、12#define DX_IS_IPhoneX_All (DX_Is_iPhoneX || DX_Is_iPhoneXR || DX_Is_iPhoneXS || DX_Is_iPhoneXS_MAX ||DX_Is_iPhone12_Mini || DX_Is_iPhone12 || DX_Is_iPhone12_ProMax)#define TopSpaceHigh (DX_IS_IPhoneX_All?88:64)

#define BottomHeight (DX_IS_IPhoneX_All?83:49)

#define StateBarHigh (DX_IS_IPhoneX_All?44:20)

#define bottomSafeHeight (DX_IS_IPhoneX_All?34:0)

iPhone XS， XS Max 和 iPhone X 一致，都是 458 ppi，因此还是3倍切图@3x就好了！ iPhone XR 和 iPhone 6/7/8 一致，都是

326ppi，因此采用2倍切图@2x 。

首先我们看下新机型的逻辑像素（pt）尺寸（即密度无关像素尺寸）

iPhone XS：分辨率/3，即 375 x 812pt，因此跟iPhone X 的布局完全一致；

iPhone XS Max： 分辨率/3， 即 414 x 896pt；

iPhone XR：分辨率/2，即 414 x 896pt。

也就是说，相当于只增加了一个尺寸 414 x 896pt，而且 XS Max 和 XR 都是全面屏需要留出安全区域。

因此如果你是以 iPhone 8 （375x667pt） 为基准做 XS Max 和 XR 的设计稿，那么就是拉宽拉高尺寸到 414 x 896， 然后状态栏由

20pt变为44pt，添加底部主页指示器34pt。

第一部分：尺寸和分辨率的对比

iphone SE 主屏尺寸：4英寸 主屏分辨率：1136×640像素

iphone 5、5S、5c 主屏尺寸：4英寸 主屏分辨率：1136×640像素

4英寸：单手操作的最佳选择，操作错误率最低，适合商务办公人士。

这个尺寸非常小巧、轻便的，同时手机握持时手感非常舒适。

第二部分：外观颜色的对比：

iPhone SE 颜色上有银色、金色、深空灰色和玫瑰金四种可选。

iPhone 5、5S 颜色上有银色、金色、深空灰色等三种可选。

iPhone 5C 至今仍是配色最为丰富的iPhone。 拥有白、粉、黄、蓝、绿，五个活泼色彩机身.

iPhone SE是一款高性能小屏幕的手机。比iphone5系列手机的配置、照相机都要好。

从设计的角度来说：

我们设计的APP界面尺寸还是用iphone6的尺寸（750*1334px），这样可以向下适配iPhone SE和iphone5系列的手机。

如果是做微信端和移动web端的H5页面设计尺寸，可以是640*1136px的尺寸。

iponeX===================

总的区域：375*812（1125*2436px，@3x,) ;逻辑大小（1125*2436，@3x）

ipnoneX的顶部不安全区域：显示高度44Point ，宽度显示375

底部不安全区域：显示高度34point，宽度显示375

有效的区域：显示375*690(1125*2070,@3x)，除掉导航44，头部不安全区域：44，底部不安全区域：34

ipad======================

*********安全区、导航高度

#define TopStatuHeight [[UIApplication sharedApplication] statusBarFrame].

#define TabbarHeight ([[UIApplication sharedApplication] statusBarFrame].>20?83:49) // 适配iPhone x 底栏高

度

#define NavitionbarHeight ([[UIApplication sharedApplication] statusBarFrame].>20?88:64) // 适配iPhone x 导

航高度

#define BottomSafebarHeight ([[UIApplication sharedApplication] statusBarFrame].>20?34:0) // 适配iPhone x

导航高度

#define ScreenWidth [[UIScreen mainScreen] bounds].

#define ScreenHeight [[UIScreen mainScreen] bounds].

//各种设备的分辨率

#define iPhone4 ([UIScreen instancesRespondToSelector:@selector(currentMode)]?CGSizeEqualToSize(CGSizeMake(640,

960), [[UIScreen mainScreen] currentMode].size):NO)

#define iPhone5 ([UIScreen instancesRespondToSelector:@selector(currentMode)]?CGSizeEqualToSize(CGSizeMake(640,

1136), [[UIScreen mainScreen] currentMode].size):NO)

#define iPhone6 ([UIScreen instancesRespondToSelector:@selector(currentMode)]?CGSizeEqualToSize(CGSizeMake(750,

1334), [[UIScreen mainScreen] currentMode].size):NO)

#define iPhone6Plus ([UIScreen instancesRespondToSelector:@selector(currentMode)]?

CGSizeEqualToSize(CGSizeMake(1242, 2208), [[UIScreen mainScreen] currentMode].size):NO)

#define is768x1024 ([UIScreen instancesRespondToSelector:@selector(currentMode)]?

CGSizeEqualToSize(CGSizeMake(768, 1024), [[UIScreen mainScreen] currentMode].size):NO)

#define is1536x2048 ([UIScreen instancesRespondToSelector:@selector(currentMode)]?

CGSizeEqualToSize(CGSizeMake(1536, 2048), [[UIScreen mainScreen] currentMode].size):NO)

判断当前的iPhone设备/系统版本

判断是否为iPhone

#define sky_IS_IPHONE (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)

判断是否为iPad

#define sky_IS_IPAD (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad)

判断是否为ipod

#define sky_IS_IPOD ([[[UIDevice currentDevice] model] isEqualToString:@"iPod touch"])

判断是否为 iPhone 5SE

#define sky_iPhone5SE [[UIScreen mainScreen] bounds]. == 320.0f && [[UIScreen mainScreen] bounds]. == 568.0f

判断是否为iPhone 6/6s/7

#define sky_iPhone6_6s_7 [[UIScreen mainScreen] bounds]. == 375.0f && [[UIScreen mainScreen] bounds]. == 667.0f

判断是否为iPhone 6Plus/6sPlus/7Plus

#define sky_iPhone6Plus_6sPlus_7Plus [[UIScreen mainScreen] bounds]. == 414.0f && [[UIScreen mainScreen] bounds]. == 736.0f

获取系统版本

//这个方法不是特别靠谱

#define sky_IOS_SYSTEM_VERSION [[[UIDevice currentDevice] systemVersion] floatValue]

//建议使用这个方法

#define sky_IOS_SYSTEM_VERSION_STRING [[UIDevice currentDevice] systemVersion]

判断 iOS 8 或更高的系统版本

#define IOS_VERSION_8_OR_LATER (([[[UIDevice currentDevice] systemVersion] floatValue] >=8.0)? (YES):(NO))

**判断是真机还是模拟器

#if TARGET_OS_IPHONE

//iPhone Device

#endif

#if TARGET_IPHONE_SIMULATOR

//iPhone Simulator

#endif