美文网首页
iOS-导航栏和状态栏相关

iOS-导航栏和状态栏相关

作者: 棒棒德 | 来源:发表于2020-01-20 17:57 被阅读0次

导航栏和状态栏的高度

参考链接: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)

相关文章

  • Android隐藏状态栏、导航栏

    Android隐藏状态栏、导航栏 Android 动态隐藏显示导航栏,状态栏 一、导航栏: 相关: 二、状态栏: ...

  • iOS 获取状态栏、导航栏、tabBar高度

    状态栏、导航栏 和 tabbar 高度(pt) iPhone型号 状态栏 状态栏 导航栏 导航栏 tabBa...

  • iOS-导航栏和状态栏相关

    导航栏和状态栏的高度 参考链接:https://blog.si-yee.com/2019/04/04/IOS%E7...

  • iOS 小功能实现总结

    一、导航栏1、状态栏(1)、更改状态栏的字体颜色参考博客:IOS上 关于状态栏的相关设置(UIStatusBar)...

  • 2018-04-09

    原文:IOS状态栏和导航栏的控制问题 IOS的项目多数会遇到控制状态栏和导航栏的问题,比如隐藏状态栏、控制状态栏的...

  • Android5.0系统常用控件属性颜色

    相关属性说明 colorPrimary: Toolbar导航栏的底色。 colorPrimaryDark:状态栏的...

  • iOS 状态栏和导航栏的控制

    iOS的项目多数会遇到控制状态栏和导航栏的问题,比如隐藏状态栏、控制状态栏的文字颜色等,导航栏也有同样需求。 自从...

  • IOS状态栏和导航栏的控制问题

    IOS的项目多数会遇到控制状态栏和导航栏的问题,比如隐藏状态栏、控制状态栏的文字颜色等,导航栏也有同样需求。本文总...

  • ios 导航栏,状态栏高度

    有了iPhone X 导航栏和状态栏高度最好就不要定值了,提供一下获取导航栏,状态栏宏

  • IOS状态栏和导航栏的控制问题

    注:转自这里IOS的项目多数会遇到控制状态栏和导航栏的问题,比如隐藏状态栏、控制状态栏的文字颜色等,导航栏也有同样...

网友评论

      本文标题:iOS-导航栏和状态栏相关

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