导航栏和状态栏的高度
iOS7之前:状态栏与导航栏是分开的;
iOS7之后:状态栏与导航栏合在一起;导航部分总高度(64)= 状态栏高度(20) +导航栏内容高度((44)
iPhoneX以后:状态栏的高度变为44,导航栏部分总高度(88) = 状态栏(44) + 导航栏内容高度(44)
导航栏:
高度:
CGRect navRect = self.navigationController.navigationBar.frame;
高度为 44.
1.样式:
设置当前导航栏的标题:
self.navigationItem.title = @"title";
全局设置:
//设置导航栏背景颜色
[[UINavigationBarappearance] setBarTintColor:[UIColorredColor]];
//设置导航栏背景图片
[[UINavigationBarappearance] setBackgroundImage:[UIImageimageNamed:@"bg"] forBarMetrics:UIBarMetricsDefault];
//设置导航栏标题样式
[[UINavigationBarappearance] setTitleTextAttributes:[NSDictionarydictionaryWithObjectsAndKeys:
[UIColorredColor],NSForegroundColorAttributeName,
[UIFontboldSystemFontOfSize:25],NSFontAttributeName,
nil]];
//设置导航栏返回按钮的颜色
[[UINavigationBarappearance] setTintColor:[UIColorredColor]];
//设置导航栏隐藏
[[UINavigationBarappearance] setHidden:YES];
单独页面设置:页设置需要遵循:进入页面时修改,离开页面时还原的原则
//进入页面时设置颜色:灰色
- (void)viewWillAppear:(BOOL)animated{
[superviewWillAppear:animated];
[self.navigationController.navigationBar setBarTintColor:[UIColorgrayColor]];
}
//离开页面时还原为全局设置:橙色
- (void)viewWillDisappear:(BOOL)animated{
[superviewWillDisappear:animated];
[self.navigationController.navigationBar setBarTintColor:[UIColororangeColor]];
}
2.边缘延伸属性:edgesForExtendedLayout
edgesForExtendedLayout也是视图控制器的布局属性,默认值是UIRectEdgeAll,即:当前视图控制器里各种UI控件会忽略导航栏和标签的存在,布局时若设置其原点设置为(0,0),视图会延伸显示到导航栏的下面被覆盖。
所以我们可以设置self.edgesForExtendedLayout=UIRectEdgeNone,此时视图控制器里内容就会避开导航栏和标签栏了。
3.导航栏的隐藏:
注意:要放到viewWillAppear 时才能拿到navigationBar。
状态栏:
1.高度:参考链接:https://www.jianshu.com/p/2406dfda7362
获取状态栏状态(高度)的两种方式:
第一种方式:通过[[UIApplication sharedApplication] statusBarFrame].size.height获取状态栏高度。
第二种方式:通过UIApplicationWillChangeStatusBarFrameNotification的通知消息获取状态栏显示消失的变化状态。通知内容包括状态栏的size。
在其他型号的iPhone上StatusBar是20,而在iPhone X上StatusBar的高度是44,
2.样式
状态栏内容包括信号、时间、电量等,只有两种颜色样式(黑或白)。
3.显示和隐藏:
单独设置某个页面:prefersStatusBarHidden 方法
//重写该方法
- (BOOL)prefersStatusBarHidden {
returnNO;//设置显示,YES为隐藏
}
全局设置的话:
//推荐
[UIApplicationsharedApplication].statusBarHidden =YES;
4.颜色设置
状态栏分前后两个部分,要分清。
文字部分:就是指电池、时间等部分
背景部分:就是显示黑色或者图片的部分
简单来说,就是设置显示电池电量、时间、网络部分标示的颜色, 这里只能设置两种颜色:
//黑色
UIStatusBarStyleDefault
//白色
UIStatusBarStyleLightContent
单独页面设置:
//重写该方法
- (UIStatusBarStyle)preferredStatusBarStyle {
returnUIStatusBarStyleLightContent;
}
全局设置:
//UIStatusBarStyleDefault | UIStatusBarStyleLightContent
//UIStatusBarStyleDefault,黑色(默认)
//UIStatusBarStyleLightContent,白色
[UIApplicationsharedApplication].statusBarStyle =UIStatusBarStyleLightContent;
特别注意:
但是,这里存在一个问题:如果当前视图控制器是UINavigationController的子视图控制器,preferredStatusBarStyle方法并不会被调用。这是因为导航控制器里的preferredStatusBarStyle才具有修改状态栏样式的能力。
解决方法:
方法1:添加子类控制器
我们需要使用自定义的子类导航控制器,在其中添加如下的代码:
- (UIStatusBarStyle)preferredStatusBarStyle {
UIViewController*topVC =self.topViewController;
return[topVC preferredStatusBarStyle];
}
方法2:放弃preferredStatusBarStyle该方法
直接不使用preferredStatusBarStyle方法,而是直接在当前视图控制器中调用如下方法修改状态栏。
//状态栏和导航栏背景色为白色,状态栏文字为黑色
self.navigationController.navigationBar.barStyle =UIBarStyleDefault;
//状态栏和导航栏背景色为黑色,状态栏文字为白色
self.navigationController.navigationBar.barStyle =UIBarStyleBlack;
背景部分
背景部分,简单来说,就是状态栏的背景颜色,其实系统状态栏的背景颜色一直是透明的状态,当有导航栏时,导航栏背景是什么颜色,状态栏就是什么颜色,没有导航栏时,状态栏背后的视图时什么颜色,它就是什么颜色。
//设置状态栏与到导航栏都是不透明
self.navigationController.navigationBar.translucent =NO;
// 这个方法是设置导航栏背景颜色,状态栏也会随之变色
[self.navigationController.navigationBar setBarTintColor:[UIColorredColor]];
单独设置
/**
设置状态栏背景颜色
@param color 设置颜色
*/
- (void)setStatusBarBackgroundColor:(UIColor*)color {
UIView*statusBar = [[[UIApplicationsharedApplication] valueForKey:@"statusBarWindow"] valueForKey:@"statusBar"];
if([statusBar respondsToSelector:@selector(setBackgroundColor:)]) {
statusBar.backgroundColor = color;
}
}
如果是单独设置某个页面的状态栏背景色,还需要在离开页面时恢复原样。
5.状态栏常用宏定义
//状态栏高度
#defineZS_StatusBarHeight (ZS_ISIphoneX ? 44.f : 20.f)