美文网首页征服iOS移动开发技术前沿ios 知识小集
【iOS 开发】Status Bar 状态栏设置汇总

【iOS 开发】Status Bar 状态栏设置汇总

作者: 爱吃鸭梨的猫 | 来源:发表于2017-03-17 15:51 被阅读9309次
    状态栏

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


    Status Bar 状态栏的隐藏

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

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

    • 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 中也有效):

    /* OC */
    [UIApplication sharedApplication].statusBarHidden = YES;
      
    /* Swift */
    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 文件中,加入下面方法:

    /* OC */
    - (BOOL)prefersStatusBarHidden {
      
        return YES;
    }
      
    /* Swift */
    override func prefersStatusBarHidden() -> Bool {
      
        return true;
    }
    

    特别注意:

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

    Status Bar 状态栏的颜色

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

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

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

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

    /* 默认的黑色 */
    UIStatusBarStyleDefault
      
    /* 白色 */
    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 中也有效):

    /* OC */
    [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
      
    /* Swift */
    UIApplication.sharedApplication().statusBarStyle = UIStatusBarStyle.LightContent;
    

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

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

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

    /* OC */
    - (UIStatusBarStyle)preferredStatusBarStyle {
      
        return UIStatusBarStyleLightContent;
    }
      
    /* Swift */
    override func preferredStatusBarStyle() -> UIStatusBarStyle {
      
        return UIStatusBarStyle.LightContent;
    }
    

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

    解决办法有两个:

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

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

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

    @implementation MyNavigationController
      
    - (UIStatusBarStyle)preferredStatusBarStyle {
      
        UIViewController *topVC = self.topViewController;
        return [topVC preferredStatusBarStyle];
    }
      
    @end
    

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

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

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

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

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

    效果图:

    单独设置状态栏背景颜色

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

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

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

    相关文章

      网友评论

      • msbaby:感谢博主,解决了我的问题
      • RickMao:1)通过设置 Info.plist 文件全局设置状态栏的文字颜色
        这一条我试了一下,感觉不管用了。
      • 海边卡夫卡:可以说是非常全面了嗷,点赞博主!!!
      • LV大树:好文。
      • 一只搬运工的自我修养:牛批 牛批 很全
      • 32c0a3e504c2:楼主,有木有遇到iPhone X 横屏状态栏消失的情况,其他都是ok的:cold_sweat:
        爱吃鸭梨的猫:@林华谢春红 iPhone X 黑屏暂时没测过...
      • PGOne爱吃饺子:楼主如果是自定义的导航栏,那么
        /**
        设置状态栏背景颜色

        @param color 设置颜色
        */
        - (void)setStatusBarBackgroundColor:(UIColor *)color {

        UIView *statusBar = [[[UIApplication sharedApplication] valueForKey:@"statusBarWindow"] valueForKey:@"statusBar"];

        if ([statusBar respondsToSelector:@selector(setBackgroundColor:)]) {

        statusBar.backgroundColor = color;
        }
        }

        这个方法还会有用么
        PGOne爱吃饺子:好的 谢谢
        爱吃鸭梨的猫:@PGOne爱吃饺子 有用
      • skylor:总结的非常好
      • Teddieandbean:想问下单独设置某个页面的statusBar的颜色怎么弄比较好?
      • 微小的沙土:又发现个问题。。。进入后是白色的没错,点击进入再push的一个页面,状态栏又没了。。。然后我pop回来,点击了下面tabBarItem另一个导航页,这个导航页状态栏也是白的,然后回来首页后,状态栏又变回黑色了,再进入push的一个页面,状态栏这回有了,只不过是黑色的。。。好乱。。。状态栏的变化应该跟导航有关,到底有啥关系。。。哪里有解释啊,求助
        微小的沙土:@Jonzzs 楼主你用过WCDB数据库吗?有问题想请教
        微小的沙土:@Jonzzs 那这两句要写在viewdidload里面还是viewwillappear还是viewdidappear里面?
        爱吃鸭梨的猫:你把 Status bar is initially hidden 设为 YES,View controller-based status bar appearance 设为 NO,然后在代码里设置 [UIApplication sharedApplication].statusBarHidden = NO; [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent; 这两句代码的设置是全局的,每个页面都会变,要怎么显示就用这两句代码控制。
      • 微小的沙土:找到问题了,把Status bar is initially hidden为YES去掉就行了,但是。。。那启动不就有状态栏啦。只能二选一吗??有别的办法吗
      • 微小的沙土:设了Status bar is initially hidden为YES,启动是隐藏了
        设了View controller-based status bar appearance为NO,里面每个页面的状态栏是没了
        再在AppDelegate中添加:[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;还是没状态栏啊,为什么?
        微小的沙土:@凉白开0072 谢谢
        微小的沙土:@凉白开0072 噢,懂了
        凉白开0072:加上这一句就行了:[UIApplication sharedApplication].statusBarHidden = NO; 楼主文章这点没提到
      • iOS_愛OS:基本上可能会遇到到的方面都说齐了,本来是要写一下关于状态栏的总结的,看了你这篇文章,现在不用写了。

      本文标题:【iOS 开发】Status Bar 状态栏设置汇总

      本文链接:https://www.haomeiwen.com/subject/azbenttx.html