iOS 7 StatusBar介绍

2016-11-03 本文已影响91人苦工

最近项目中涉及到要改变状态栏文案色值，把相关内容做个小结，iOS7之后StatusBar和之前相比变化很大，iOS7之前导航栏高度44，iOS7之后是全局布局，导航栏高度包含了状态栏的20，高度变成了64。

导航栏样式
状态栏样式
显示和隐藏
动画效果
默认无StatusBar

1. 导航栏样式

setEdgesForExtendedLayout

typedef NS_OPTIONS(NSUInteger, UIRectEdge) {
    UIRectEdgeNone   = 0,
    UIRectEdgeTop    = 1 << 0,
    UIRectEdgeLeft   = 1 << 1,
    UIRectEdgeBottom = 1 << 2,
    UIRectEdgeRight  = 1 << 3,
    UIRectEdgeAll    = UIRectEdgeTop | UIRectEdgeLeft | UIRectEdgeBottom | UIRectEdgeRight
} NS_ENUM_AVAILABLE_IOS(7_0);

在iOS 7中，苹果引入了一个新的属性，叫做[UIViewController setEdgesForExtendedLayout:]，它的默认值为UIRectEdgeAll,默认的布局将从navigation bar的顶部开始。这就是为什么所有的UI元素都往上漂移了44pt。当你的容器是navigationBar或者tabBar时有效，如果是自定义的navigationBar/tabBar，这个值是不起作用的，。
修复这个问题的快速方法就是在方法- (void)viewDidLoad中添加如下一行代码：
self.edgesForExtendedLayout = UIRectEdgeNone;
这样问题就修复了。

UIRectEdgeAll -- default

20141228215513254.png

UIRectEdgeNone

20141228215519306.png

automaticallyAdjustsScrollViewInsets

第一个添加到UIViewController上的UIView，如UIScrollView(包括其子类，比如UITableVie)等会自动在顶部和底部预留一些空白,主要是为了滚动经过半透明导航条或者tabbar下是能看到的半透明的效果，是否预留空白可以由UIViewController的automaticallyAdjustsScrollViewInsets的这个属性控制

2 状态栏样式

StatusBar有两种样式：

UIStatusBarStyleDefault : (黑色)

屏幕快照 2016-11-03 下午6.46.50.png

UIStatusBarStyleLightContent （白色）

屏幕快照 2016-11-03 下午6.46.29.png

要改变StatusBar的显示样式需要在UIViewController中重载：

- (UIStatusBarStyle)preferredStatusBarStyle
{
    return UIStatusBarStyleLightContent;
}

这个方法不能直接调用，在需要改变样式的地方调用：[self setNeedsStatusBarAppearanceUpdate]

- (void)viewWillAppear:(BOOL)animated
{
    [self setNeedsStatusBarAppearanceUpdate];
}

注意

如果你使用了系统的UINavigationController，且它的navigationBar没有被隐藏的话，
它的rootController及之后push的controller的preferredStatusBarStyle方法不会被调用（其他两个方法还是会被调用）；
UINavigationController会根据自己navigationBar的barStyle，来决定StatusBarStyle的值；

如果你设置了 navagationBarStyle 从Default->Black 或者 self.navigationController.navigationBarHidden = YES；
那preferredStatusBarStyle就会被正常调用了

3 显示和隐藏

显示和隐藏StatusBar只要在UIViewController中重载：

- (BOOL)prefersStatusBarHidden
{
    return YES;
}

同样式改变一样需要调用 [self setNeedsStatusBarAppearanceUpdate] 方法

4 动画效果

现在有两种动画效果：UIStatusBarAnimationFade ,UIStatusBarAnimationSlide.从他们的名字可以得知他的具体是什么眼的效果。实现动画需要重载：

- (UIStatusBarAnimation )preferredStatusBarUpdateAnimation
{
    return UIStatusBarAnimationSlide;
}

但是重载这个方法后，并没有动画效果。这时，我们需要把 [self setNeedsStatusBarAppearanceUpdate] 放在动画block中执行：

[UIView animateWithDuration:0.3
                 animations:^{
                    [self setNeedsStatusBarAppearanceUpdate];
}];

这样动画效果就出现了

5 默认无StatusBar

有一些应用默认就没有Statusbar如：

屏幕快照 2016-11-03 下午6.59.38.png

这样的应用很丑，总感觉缺点什么，但是有些产品经理就是喜欢。

要实现这种效果，最需要在项目配置plist文件总将Status bar is initially hidden 字段设置为 YES, 添加View controller-based status bar appearance 字段, 并将值设置为 NO：

17212958_ywG4.png