最近项目中涉及到要改变状态栏文案色值,把相关内容做个小结,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
UIRectEdgeNone
- automaticallyAdjustsScrollViewInsets
第一个添加到UIViewController上的UIView,如UIScrollView(包括其子类,比如UITableVie)等会自动在顶部和底部预留一些空白,主要是为了滚动经过半透明导航条或者tabbar下是能看到的半透明的效果,是否预留空白可以由UIViewController的automaticallyAdjustsScrollViewInsets的这个属性控制
2 状态栏样式
StatusBar有两种样式:
- UIStatusBarStyleDefault : (黑色)
- UIStatusBarStyleLightContent (白色)
要改变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如:
这样的应用很丑,总感觉缺点什么,但是有些产品经理就是喜欢。
要实现这种效果,最需要在项目配置plist文件总将Status bar is initially hidden 字段设置为 YES, 添加View controller-based status bar appearance 字段, 并将值设置为 NO: