zoukankan      html  css  js  c++  java
  • iOS Status Bar变换

    http://www.cocoachina.com/ios/20160718/17020.html

    背景

    iOS 中经常会有需要在某个界面改变状态栏颜色或者某个界面隐藏状态栏的需求。而改变状态栏颜色和控制状态栏显示和隐藏的API,在iOS 的不同版本中也发生了很多变化。

    iOS 7以前

    在iOS 7之前,状态栏是不占视图位置的。每个控制器中的根view都是从屏幕的Y轴20px处开始显示的。所以那个时候整个app状态栏的风格,一般只在plist文件里设置【对应于General中的Status Bar Style】。印象里似乎只有黑白两种风格,已记不清了!

    727768-c282b879ab5287fe.png

    iOS 7以前状态栏设置

    从API来看,那时候也是支持在代码里修改状态栏的样式以及显示和隐藏的。只是因为状态栏对整个APP的影响不大,所以一般在plist里设置好后,用不着再去修改了。

    727768-e38e14e3f4350720.jpg

    API

    iOS 7 ~iOS 9

    从iOS 7开始系统风格大变样,图标扁平了,状态栏也不在闹独立了。因为状态栏的会受到导航栏或者View背景色的影响,所以状态栏的风格也需要实时调整了。

    想要改变状态栏的样式,想要控制状态栏的显示与隐藏,该怎么做呢?

    1. 用UIApplication的API

    首先,需要在plist文件里将【View controller-based status bar appearance】设置为NO,因为它的默认值是YES,然后就可以利用UIApplication 来设置了。

    727768-56fc63c400585783.png

    plist设置

    先上效果动画:

    727768-2890474a44f48630.gif

    再上源码:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    - (IBAction)changeStatus:(UISegmentedControl *)sender {
        if (sender.selectedSegmentIndex == 0) {
    //        [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault];
            // 带动画效果,动画效果其实就是变换的时间变慢了
            [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault animated:YES];
        else {
    //        [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];
            // 带动画效果,动画效果其实就是变换的时间变慢了
            [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent animated:YES];
        }
    }
    - (IBAction)showOrHidden:(UISegmentedControl *)sender {
        if (sender.selectedSegmentIndex == 0) {
            // 第二个参数是个枚举类型
            [[UIApplication sharedApplication] setStatusBarHidden:NO withAnimation:UIStatusBarAnimationSlide];
            // 不带动画效果
    //        [[UIApplication sharedApplication] setStatusBarHidden:NO];
        else {
            [[UIApplication sharedApplication] setStatusBarHidden:YES withAnimation:UIStatusBarAnimationSlide];
            // 不带动画效果
    //        [[UIApplication sharedApplication] setStatusBarHidden:YES];
        }
    }

    2. 重写ViewController方法

    首先,要确保plist文件中【View controller-based status bar appearance】为YES,没有添加这个key的时候,默认是YES。

    727768-cf77ea9a6a656310.png

    plist设置

    然后在视图控制器中,重写如下三个方法即可:

    1468764506509119.png

    要重写的方法

    因为这三个方法都有默认值,如果我们要的状体栏样式什么的跟默认值效果一致,则不需要重写;如果不想要默认的效果,则直接在这三个方法里return 相应的值即可。你不必三个方法都重写,看实际情况。例如,我想要在这个界面时状态栏为白色,状态栏不隐藏,那么我只用重写-preferredStatusBarStyle,like this:

    1
    2
    3
    4
    - (UIStatusBarStyle)preferredStatusBarStyle
    {
        return UIStatusBarStyleLightContent;
    }

    因为我这里需要做一个切换所以,我首先定义了两个property:

    1
    2
    @property (assign, nonatomic)   UIStatusBarStyle            statusBarStyle;  /**< 状态栏样式 */
    @property (assign, nonatomic)   BOOL                        statusBarHidden;  /**< 状态栏隐藏 */

    然后改变UISegmentedControl的值时,在响应的Action方法里改变上述property的值,再调用

    -setNeedsStatusBarAppearanceUpdate即可。

    示例代码:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    #pragma mark - ViewController方式
    - (IBAction)changeStyle:(UISegmentedControl *)sender {
        if (sender.selectedSegmentIndex == 0) {
            _statusBarStyle = UIStatusBarStyleDefault;
        else {
            _statusBarStyle = UIStatusBarStyleLightContent;
        }
        [self setNeedsStatusBarAppearanceUpdate];
    }
    - (IBAction)statusShowOrHidden:(UISegmentedControl *)sender {
        if (sender.selectedSegmentIndex == 0) {
            _statusBarHidden = NO;
        else {
            _statusBarHidden = YES;
        }
        [self setNeedsStatusBarAppearanceUpdate];
    }
    #pragma mark - 需要重写的几个状态栏方法
    /**
     *  控制状态栏的样式
     *  要刷新状态栏,让其重新执行该方法需要调用{-setNeedsStatusBarAppearanceUpdate}
     *
     *  @return 将要显示的状态栏样式
     */
    - (UIStatusBarStyle)preferredStatusBarStyle
    {
        return _statusBarStyle;
    }
    /**
     *  状态栏显示还是隐藏
     *  要刷新状态栏,让其重新执行该方法需要调用{-setNeedsStatusBarAppearanceUpdate}
     *
     *  @return BOOL值
     */
    - (BOOL)prefersStatusBarHidden
    {
        return _statusBarHidden;
    }
    /**
     *  状态栏改变的动画,这个动画只影响状态栏的显示和隐藏
     *
     *  @return 动画效果
     */
    - (UIStatusBarAnimation)preferredStatusBarUpdateAnimation
    {
        return UIStatusBarAnimationSlide;
    }

    727768-93cca453c471edbb.gif

    iOS 9 之后

    如上面第二张图所示,UIApplication的控制状态栏的方法,在iOS 9之后被弃用了。

    所以iOS 9之后尽量使用重写ViewController方法的方式吧。

    注意点

    • 情形一

    如果我们使用UINavigationController,会发现在原来的ViewController里修改状态栏的style不起作用了,但是控制状态栏的显示和隐藏依然OK。但是使用UITabBarController依然正常,状态栏不受UITabBarController影响。

    重写UINavigationController的三个方法:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    - (UIStatusBarStyle)preferredStatusBarStyle
    {
        NSLog(@"导航栏-%s",__func__);
        return [self.topViewController preferredStatusBarStyle];
    }
    - (UIStatusBarAnimation)preferredStatusBarUpdateAnimation
    {
        NSLog(@"导航栏-%s",__func__);
        return UIStatusBarAnimationNone;
    }
    - (BOOL)prefersStatusBarHidden
    {
        NSLog(@"导航栏-%s",__func__);
        return NO;
    }

    从打印结果:

    1
    2
    3
    4
    5
    6
    2016-05-18 13:18:10.248 PractiseProject[3296:112707] 导航栏--[BaseNavigationController preferredStatusBarStyle]
    2016-05-18 13:18:10.249 PractiseProject[3296:112707] -[ViewController prefersStatusBarHidden]
    2016-05-18 13:18:10.275 PractiseProject[3296:112707] 导航栏--[BaseNavigationController preferredStatusBarStyle]
    2016-05-18 13:18:10.275 PractiseProject[3296:112707] -[ViewController prefersStatusBarHidden]
    2016-05-18 13:18:10.275 PractiseProject[3296:112707] 导航栏--[BaseNavigationController preferredStatusBarStyle]
    2016-05-18 13:18:10.276 PractiseProject[3296:112707] -[ViewController prefersStatusBarHidden]

    可以看出,只调用了第一个方法。所以我们只需要重写UINavigaitonController的- preferredStatusBarStyle即可。

    • 情形二

    状态栏的样式、是否显示实际上是由顶层window的当前视图控制器决定的。

    比如我们在程序入口处创建一个新的window:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
        // Override point for customization after application launch.
        self.statusWindow = [[UIWindow alloc] initWithFrame:application.statusBarFrame];
        // 这里设置windowLevel 为UIWindowLevelStatusBar或者UIWindowLevelAlert都可以
        self.statusWindow.windowLevel = UIWindowLevelStatusBar;
        // 颜色必须为clearColor,否则会盖住状态栏的区域
        self.statusWindow.backgroundColor = [UIColor clearColor];
        self.statusWindow.rootViewController = [[StatusViewContrller alloc] init];
        self.statusWindow.hidden = NO;
        return YES;
    }

    然后在StatusViewContrller中重写如下方法:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    - (UIStatusBarStyle)preferredStatusBarStyle
    {
        return UIStatusBarStyleLightContent;
    }
    // 如果想要显示状态栏,必须重写这个方法,并return NO
    - (BOOL)prefersStatusBarHidden
    {
        return NO;
    }

    这样最终状态栏的样式就由StatusViewContrller决定了,而不是由原来的ViewController决定了。

    创建顶层window之后,修改状态栏的样式就不方便了。

    为了解决这个问题,我们可以将StatusViewContrller弄成单例,然后定义两个property来控制样式和是否隐藏即可。

    1
    2
    3
    4
    5
    6
    #import <uikit uikit.h="">
    @interface StatusViewContrller : UIViewController
    @property (assign, nonatomic)   UIStatusBarStyle            statusBarStyle;  /**< 状态栏样式 */
    @property (assign, nonatomic)   BOOL                        statusBarHidden;  /**< 状态栏隐藏 */
    + (instancetype)sharedInstance;
    @end</uikit>

    重写两个property的set方法,设置完属性后调用状态栏刷新方法:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    // 创建单例的关键代码
    static id instance = nil;
    + (instancetype)sharedInstance
    {
        static dispatch_once_t onceToken;
        dispatch_once(&onceToken, ^{
            instance = [[self alloc] init];
        });
        return instance;
    }
    // 这个方法是关键
    + (instancetype)allocWithZone:(struct _NSZone *)zone
    {
        static dispatch_once_t onceToken;
        dispatch_once(&onceToken, ^{
            instance = [super allocWithZone:zone];
        });
        return instance;
    }
    // 重写的方法
    - (UIStatusBarStyle)preferredStatusBarStyle
    {
        return _statusBarStyle;
    }
    - (BOOL)prefersStatusBarHidden
    {
        return _statusBarHidden;
    }
    // setter
    - (void)setStatusBarStyle:(UIStatusBarStyle)statusBarStyle
    {
        _statusBarStyle = statusBarStyle;
        [self setNeedsStatusBarAppearanceUpdate];
    }
    - (void)setStatusBarHidden:(BOOL)statusBarHidden
    {
        _statusBarHidden = statusBarHidden;
        [self setNeedsStatusBarAppearanceUpdate];
    }

    创建了顶层window后,唯一需要注意的是顶层window和其根视图控制器的背景色必须为clearColor。

  • 相关阅读:
    asp.net string有多行文字
    asp.net设置gridview页码显示遇到的问题
    asp.net button浏览器端事件和服务器端事件
    GridView 控制默认分页页码间距 及字体大小
    复合主键与联合主键(转载)
    vsCode 列选择、列选中、选中列、选中多列(转载)
    可能有用的技术社区(转载)
    SQL 用于各种数据库的数据类型(转载) sqlserver 数据类型 取值范围 长度
    TypeError: value.getTime is not a function (elementUI报错转载 )
    工作1年3个月总结(201707-201810 )
  • 原文地址:https://www.cnblogs.com/itlover2013/p/5680403.html
Copyright © 2011-2022 走看看