当前位置:   article > 正文

【iOS 开发】Status Bar 状态栏设置汇总_h5隐藏iso状态栏

h5隐藏iso状态栏

状态栏

个人觉得 iOSStatus Bar 状态栏也是一个比较坑的地方,所以还是写一个总结,有遇到这方面问题的朋友可以看一下。


Status Bar 状态栏的隐藏

1. 通过设置 Info.plist 文件实现状态栏的全局隐藏

  • Info.plist 文件中添加 Status bar is initially hidden 设置为 YES ,这个是隐藏 AppLunchScreen(欢迎界面)时的状态栏。

  • Info.plist 文件中添加 View controller-based status bar appearance 设置为 NO,这个是隐藏 App 在所有 UIViewController 时的状态栏。

Info.plist

特别注意:

Status bar is initially hidden 设置为 NO 的时候,不管 View controller-based status bar appearance 设置为 NO 还是 YES ,都是无效的,只有 Status bar is initially hidden 设置为 YES 的时候, View controller-based status bar appearance 才生效,这个要注意一下。

2. 通过代码实现状态栏的全局隐藏

  • Info.plist 文件中添加 View controller-based status bar appearance 设置为 NO

  • AppDelegate 文件中,实现下面方法(在其他 UIViewController 中也有效):

  1. // OC
  2. [UIApplication sharedApplication].statusBarHidden = YES;
  3. // Swift
  4. UIApplication.sharedApplication().statusBarHidden = true

特别注意:

如果想要通过代码实现状态栏隐藏,必须在 Info.plist 文件中添加 View controller-based status bar appearance ,并且必须设置为 NO ,否则代码不会有任何效果,而且代码只能隐藏 App 在所有 UIViewController 时的状态栏,不能隐藏在 LunchScreen(欢迎界面)时的状态栏。

3. 通过代码实现状态栏的局部隐藏

上面的方法是全局隐藏,是隐藏 App 在所有 UIViewController 时的状态栏,下面的方法是局部隐藏,是单个 UIViewController 内的隐藏。

  • Info.plist 文件中添加 View controller-based status bar appearance 设置为 YES

  • 在需要隐藏状态栏的 UIViewController 文件中,加入下面方法:

  1. // OC
  2. - (BOOL)prefersStatusBarHidden {
  3. return YES;
  4. }
  5. // Swift
  6. override func prefersStatusBarHidden() -> Bool {
  7. return true
  8. }

特别注意:

如果想要通过代码实现某个 UIViewController 状态栏局部隐藏,必须在 Info.plist 文件中添加 View controller-based status bar appearance ,并且必须设置为 YES ,否则代码不会有任何效果。

Status Bar 状态栏的颜色

状态栏分前后两部分,要分清这两个概念,后面会用到:

  • 文字部分:就是指的显示电池、时间等部分。
  • 背景部分:就是显示黑色或者图片的背景部分。

文字部分为白色,背景部分为黑色

1. 设置 Status Bar 的【文字部分】

简单来说,就是设置显示电池电量、时间、网络部分标示的颜色, 这里只能设置两种颜色:

  1. // 默认的黑色
  2. UIStatusBarStyleDefault
  3. // 白色
  4. UIStatusBarStyleLightContent

1)通过设置 Info.plist 文件全局设置状态栏的文字颜色

  • Info.plist 里增加一行 UIStatusBarStyle( Status bar style 也可以),这里可以设置两个值,就是上面提到那两个 UIStatusBarStyleDefaultUIStatusBarStyleLightContent

Info.plist

2)通过代码全局设置状态栏的文字颜色

  • Info.plist 文件中添加 View controller-based status bar appearance 设置为 NO (理论同上,必须添加且必须设置为 NO ,否则不生效)。

  • AppDelegate 文件中,实现下面方法(在其他 UIViewController 中也有效):

  1. // OC
  2. [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
  3. // Swift
  4. UIApplication.sharedApplication().statusBarStyle = UIStatusBarStyle.LightContent

3)通过代码局部设置状态栏的文字颜色

  • Info.plist 文件中添加 View controller-based status bar appearance 设置为 YES (理论同上,必须添加且必须设置为 YES ,否则不生效) 。

  • 在需要设置状态栏颜色的 UIViewController 文件中,加入下面方法:

  1. // OC
  2. - (UIStatusBarStyle)preferredStatusBarStyle {
  3. return UIStatusBarStyleLightContent;
  4. }
  5. // Swift
  6. override func preferredStatusBarStyle() -> UIStatusBarStyle {
  7. return UIStatusBarStyle.LightContent
  8. }

但是!!UIViewControllerUINavigationController 导航栏中时,上面方法没用, preferredStatusBarStyle 方法根本不会被调用,因为 UINavigationController 中也有 preferredStatusBarStyle 这个方法。

解决办法有两个:

方法一: 设置导航栏的 barStyle 属性会影响 status bar 的字体和背景色。如下。

  1. // 状态栏字体为白色,状态栏和导航栏背景为黑色
  2. self.navigationController.navigationBar.barStyle = UIBarStyleBlack;
  3. // 状态栏字体为黑色,状态栏和导航栏背景为白色
  4. self.navigationController.navigationBar.barStyle = UIBarStyleDefault;

方法二: 自定义一个 UINavigationController 的子类,在这个子类中重写 preferredStatusBarStyle 这个方法,这样在 UIViewController 中就有效了,如下:

  1. @implementation MyNavigationController
  2. - (UIStatusBarStyle)preferredStatusBarStyle {
  3. UIViewController *topVC = self.topViewController;
  4. return [topVC preferredStatusBarStyle];
  5. }
  6. @end

2. 设置 Status Bar 的【背景部分】

背景部分,简单来说,就是状态栏的背景颜色,其实系统状态栏的背景颜色一直是透明的状态,当有导航栏时,导航栏背景是什么颜色,状态栏就是什么颜色,没有导航栏时,状态栏背后的视图时什么颜色,它就是什么颜色。

  1. // 这个方法是设置导航栏背景颜色,状态栏也会随之变色
  2. [self.navigationController.navigationBar setBarTintColor:[UIColor redColor]];

如果想要单独设置状态栏颜色,可以添加以下方法来设置:

  1. /**
  2. 设置状态栏背景颜色
  3. @param color 设置颜色
  4. */
  5. - (void)setStatusBarBackgroundColor:(UIColor *)color {
  6. UIView *statusBar = [[[UIApplication sharedApplication] valueForKey:@"statusBarWindow"] valueForKey:@"statusBar"];
  7. if ([statusBar respondsToSelector:@selector(setBackgroundColor:)]) {
  8. statusBar.backgroundColor = color;
  9. }
  10. }

效果图:

单独设置状态栏背景颜色


好了,关于 Status Bar 状态栏的总结大概就这么多,其中说明了很多比较坑的细节,网上很多资料都没有说明清楚,希望对遇到这方面问题的朋友能有所帮助。

将来的你,一定会感激现在拼命的自己,愿自己与读者的开发之路无限美好。

我的传送门: 博客简书微博GitHub

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/321395
推荐阅读
相关标签
  

闽ICP备14008679号