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-03-21 12:09:59

    Android使用AttributeSet自定义控件的方法

    我们可以在attrs.xml中声明自己控件的属性,在布局xml文档中声明自己的命名空间,这时就可以对设置自己想要的值了,然后在AttributeSet这个属性中获取对应的值。好了不多说,我们来看下代码,一切尽在不言中:

  • 2020-03-22 21:16:07

    用vue做的跟随鼠标移动的div

    最近接到一个任务,就是在既存用electron-vue开发的桌面端程序上追加随鼠标移动的动画效果,之前一直使用angular和react,没怎么接触过vue,先做一个vue的简单例子,然后再整合。

  • 2020-03-23 15:16:30

    import,require具体用法

    import 和 require 是JS模块化编程使用的,是前端开发者们在性能探索中的又一大进步。

  • 2020-03-30 15:37:12

    PM2下使用 npm run 命令

    npm run xxxx 是 node常用的启动方式之一,本文介绍下如何用PM2来实现该方式的启动。 下面是项目的package.json文件部分代码: