美文网首页iOS点点滴滴
Status Bar 状态栏总结

Status Bar 状态栏总结

作者: ZhangCc_ | 来源:发表于2017-10-20 18:03 被阅读114次

    iOS 的 Status Bar 状态栏是一个比较坑的地方,总结一下。

    Status Bar 状态栏的隐显

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

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

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

    特别注意:

    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生效,这个要注意!

    二、代码实现状态栏的全局隐藏

    • 1、在 Info.plist 文件中添加 View controller-based status bar appearance 设置为NO
    • 2、在 AppDelegate 文件中,实现下面方法(在其他 UIViewController 中也有效):
      [UIApplication sharedApplication].statusBarHidden = YES;

    特别注意:

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

    三、代码实现状态栏的局部隐藏

    下面的方法是局部隐藏,单个 UIViewController 内的隐藏。

    • 1、在 Info.plist 文件中添加 View controller-based status bar appearance 设置为 YES 。
    • 2、在需要隐藏状态栏的 UIViewController 文件中,加入下面方法:
    - (BOOL)prefersStatusBarHidden {
        return YES;
    }
    

    特别注意:

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

    Status Bar 状态栏的颜色

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

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

    一、Status Bar的文字部分

    文字部分就是设置显示电池电量时间网络部分标示的颜色, 这里只能设置两种颜色:

    //默认的黑色
    UIStatusBarStyleDefault
    
    //白色
    UIStatusBarStyleLightContent
    

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

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

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

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

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

    [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
    

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

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

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

    - (UIStatusBarStyle)preferredStatusBarStyle {
        return UIStatusBarStyleLightContent;
    }
    

    注意:

    当 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
    

    二、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;
        }
    }
    

    效果图:


    单独设置状态栏背景颜色.png

    总结完毕!

    相关文章

      网友评论

        本文标题:Status Bar 状态栏总结

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