Status Bar变换

背景

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。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值