iOS 7 StatusBar介绍

作者: 苦工 | 来源:发表于2016-11-03 19:01 被阅读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

相关文章

  • iOS 7 StatusBar介绍

    最近项目中涉及到要改变状态栏文案色值,把相关内容做个小结,iOS7之后StatusBar和之前相比变化很大,iOS...

  • iOS管理StatusBar

    本文介绍iOS7以后怎么轻松管理StatusBar.(如果公司让你整iOS6的,我觉得可以换工作了,这公司跟不上时...

  • iOS7的statusBar设置

    iOS7以前,设置statusBar的方式一般都是通过application的setStatusBarHidden...

  • ios开发笔记--状态栏的自定义,隐藏

    iOS7 StatusBar 在需要隐藏或改变样式时在UIViewConroller中调用: [selfsetNe...

  • IOS 7 StatusBar 白色

    第一步:.plist 文件新增项 View controller-based status bar appeara...

  • iOS 之 UIStatusBar

    在iOS7之后,statusBar是透明的,也就是说状态栏只有文字色没有背景。 在iOS7之后,状态栏有两种风格:...

  • iOS9修改状态栏颜色

    statusbar 状态栏 跟随navigationbar的颜色而改变 ios7以下的版本设置导航栏背景颜色可以使...

  • iOS 13 更改状态栏背景

    项目中需要更改 statusBar 背景色,可是 iOS 13 statusBar 找不到了,原来使用的 kvc ...

  • iOS 13 更改状态栏背景

    项目中需要更改 statusBar 背景色,可是 iOS 13 statusBar 找不到了,原来使用的 kvc ...

  • iOS 13更新

    StatusBur iOS 13之前获取StatusBar代码: iOS 13之后已经获取不到了,iOS 13之后...

网友评论

    本文标题:iOS 7 StatusBar介绍

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