美文网首页
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)

    相关文章

      网友评论

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

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