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-01-07 10:14:07

    vue强制刷新组件 销毁和重建

    很多时候,通过重置数据将页面重置时,子组件可以提供重置的方法,或者提供props重置自己的状态。但是相对麻烦,那可以使用强制刷新来实现刷新组件。

  • 2020-01-07 10:17:42

    vue钩子函数beforeRouteUpdate没有反应

    由于会渲染同样的 Foo 组件,因此组件实例会被复用。而这个钩子就会在这个情况下被调用。 可以访问组件实例 `this`

  • 2020-01-08 13:23:24

    vue 中使用eventbus

    为了提高组件的独立性和重用性,父组件会通过props向下传数据给子组件,当子组件又事情要告诉父组件时用通过$emit事件告诉父组件,如此确保每个组件都是独立在相对隔离的环境中运行,可以大幅度提高组件的可维护性

  • 2020-01-08 13:30:30

    vue中eventbus被多次触发(vue中使用eventbus踩过的坑)

    一开始的需求是这样子的,我为了实现两个页面组件之间的数据传递,假设我有页面A,点击页面A上的某一个按钮之后,页面会自动跳转到页面B,同时我希望将页面A上的某一些参数携带过去给页面B。 然后我就想,这不就是不同组件之间的数据传递问题而已吗?直接用bus 巴士事件来传递数据不就行了吗。于是,我就很愉快地进行了。关于vue中的eventbus的使用,我之前在一篇vue中的数据传递中有提到过。

  • 2020-01-08 22:03:07

    修改MAC系统下默认PHP版本

    今天在使用mac时遇到了一个问题,因为需要composer拉取laravel5.6,但是提示我php版本过低,但是我本人使用的是集成环境MAMP,已经切换了php7.2的版本,这个为什么没有生效呢?经检查是因为composer检测得是mac下环境变量生效的php版本

  • 2020-01-08 23:37:08

    laravel通过图片流返回图片

    我用laravel的字母头像生成框架Laravolt\Avatar生成的base64头像,但我想做个通用但,直接返回图片,我还是根据以往但经验 改写header但返回值为图片返回值,结果返回失败,一堆乱吗,不知道为啥。 后来用了laravel自带但返回图片但方法,结果ok。记录下

  • 2020-01-08 23:45:06

    laravel response 对象一些常用功能点

    通常,我们并不只是从路由动作简单返回字符串和数组,大多数情况下,都会返回一个完整的 Illuminate\Http\Response 实例或 视图。