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)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容