iOS 获取状态栏、导航栏、tabBar高度

2020-10-30  本文已影响0人  文子飞_

状态栏、导航栏 和 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
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

上一篇下一篇

猜你喜欢

热点阅读