iOS-导航栏和状态栏相关

导航栏和状态栏的高度

参考链接:https://blog.si-yee.com/2019/04/04/IOS%E7%8A%B6%E6%80%81%E6%A0%8F%E3%80%81%E5%AF%BC%E8%88%AA%E6%A0%8F%E4%BD%BF%E7%94%A8%E6%80%BB%E7%BB%93/

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)

你可能感兴趣的:(iOS-导航栏和状态栏相关)