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

2021-01-12 22:22:52

参考地址 iOS 获取状态栏、导航栏、tabBar高度

状态栏、导航栏 和 tabbar 高度(pt)

iPhone型号状态栏状态栏导航栏导航栏tabBartabBar
iPhone型号竖屏横屏竖屏横屏竖屏横屏
5s/SE/6/6s/7/8(iOS10)202044324949
5s/SE/6/6s/7/8(iOS11)202044324932
6/6s/7/8 Plus202044444949
X/XS440443283(49+34)53(32+21)
XR/XS Max440444483(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)204449
普通iPad(iOS12)205050
全面屏iPad245065(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)


  • 2020-05-07 13:43:02

    css模拟开关按钮

    之前我们为大家分享过很多款各式各样的CSS3开关切换按钮,很多还是非常富有创意的,比如这里的多组超具创意的CSS3开关切换按钮和纯CSS3灯光开关动画。今天我们要带来另外一款外观很漂亮的纯CSS3开关切换按钮动画,它模拟了电灯的开关,并且在开和关之间切换时按钮的背景会有不同的变化,看起来非常不错。

  • 2020-05-07 18:40:35

    CSS让页面平滑滚动

    凡是需要滚动的地方都加一句scroll-behavior:smooth就好了!

  • 2020-05-12 10:17:07

    createElementNS和createElement区别

    指定与元素相关联的命名空间URI的字符串。创建的元素的namespaceURI属性使用namespaceURI的值进行初始化。 参见有效的命名空间URL。

  • 2020-05-13 09:37:50

    transform-origin(变形原点) 怎么用

    transform-origin是变形原点,也就是该元素围绕着那个点变形或旋转,该属性只有在设置了transform属性的时候起作用

  • 2020-05-13 09:56:35

    Could not find method google() for arguments [] on repository container.

    1、打开项目根目录下android/gradle/wrapper/gradle-wrapper.properties 将distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip中的2.14.1改成4.1 ———————————————— 版权声明:本文为CSDN博主「peachesTao」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/taoerchun/article/details/93870941

  • 2020-05-13 10:05:23

    inline svg想写介绍以及使用

    inline svg是目前前端图标解决方案的最优解(当然不仅限于图标),而且使用方式也及其简单,只要将svg图标代码当成普通的html元素来使用即可