状态栏、导航栏 和 tabbar 高度(pt)
iPhone型号 状态栏 状态栏 导航栏 导航栏 tabBar tabBar
iPhone型号 竖屏 横屏 竖屏 横屏 竖屏 横屏
5s/SE/6/6s/7/8(iOS10) 20 20 44 32 49 49
5s/SE/6/6s/7/8(iOS11) 20 20 44 32 49 32
6/6s/7/8 Plus 20 20 44 44 49 49
X/XS 44 0 44 32 83(49+34) 53(32+21)
XR/XS Max 44 0 44 44 83(49+34) 70(49+21)
(对于原生TabBar,iPhoneX会在其底部增加34pt,为的是不影响所谓的HomeBar,从而整个TabBar的高度变为49+34=83pt)
bar 高度总结
状态栏 全面屏iPhone竖屏44,全面屏iPhone横屏0,普通iPhone为20
导航栏 屏幕宽度小于400的设备横屏时为32,其余情况为44
tabbar 屏幕宽度小于400的设备在iOS11以上的系统横屏时为32,其余情况为49
安全区域 竖屏34,横屏21
iPad型号 状态栏 导航栏 tabBar
普通iPad(iOS11) 20 44 49
普通iPad(iOS12) 20 50 50
全面屏iPad 24 50 65(50+15)
获取状态栏、导航栏、tabBar高度
//获取状态栏的高度
CGFloat statusHeight = [[UIApplication sharedApplication] statusBarFrame].size.height;
NSLog(@"状态栏高度:%f",statusHeight);
//获取导航栏的高度
CGFloat navHeight = self.navigationController.navigationBar.frame.size.height;
NSLog(@"导航栏高度:%f",navHeight);
//获取tabBar的高度
//1.在tabBarController中使用(你的继承自UITabBarController的VC)
CGFloat tabBarHeight = self.tabBar.frame.size.height;
NSLog(@"tabBar高度:%f",tabBarHeight);
//2.在非tabBarController中使用
UITabBarController *tabBarVC = [[UITabBarController alloc] init];//(这儿取你当前tabBarVC的实例)
CGFloat tabBarHeight = tabBarVC.tabBar.frame.size.height;
NSLog(@"tabBar高度:%f",tabBarHeight);
定义状态栏、导航栏、tabBar高度
define kIs_iphone (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)
define kIs_iPhoneX kScreenWidth >=375.0f && kScreenHeight >=812.0f&& kIs_iphone
/状态栏高度/
define kStatusBarHeight (CGFloat)(kIs_iPhoneX?(44.0):(20.0))
/导航栏高度/
define kNavBarHeight (44)
/状态栏和导航栏总高度/
define kNavBarAndStatusBarHeight (CGFloat)(kIs_iPhoneX?(88.0):(64.0))
/TabBar高度/
define kTabBarHeight (CGFloat)(kIs_iPhoneX?(49.0 + 34.0):(49.0))
/顶部安全区域远离高度/
define kTopBarSafeHeight (CGFloat)(kIs_iPhoneX?(44.0):(0))
/底部安全区域远离高度/
define kBottomSafeHeight (CGFloat)(kIs_iPhoneX?(34.0):(0))
/iPhoneX的状态栏高度差值/
define kTopBarDifHeight (CGFloat)(kIs_iPhoneX?(24.0):(0))
/导航条和Tabbar总高度/
define kNavAndTabHeight (kNavBarAndStatusBarHeight + kTabBarHeight)
作者:lemonCool
链接:https://www.jianshu.com/p/507c89d456e1
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
网友评论