玩转UI--导航栏的设置

1、修改导航栏底部的线条的颜色：

默认情况下是这种灰色的，如图：

<img src="https://img.haomeiwen.com/i1772228/6d7f5c0d243a6328.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/" width ="500"></img>

现在我们把它修改成红色的，我的做法是在导航栏的底部位置添加一个1像素的红色背景的View，代码如下：

    /**
     *  修改 导航栏底部的分割线的颜色
     *
     *  @return
     */
    // 创建一个 view
    UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, self.navigationController.navigationBar.frame.size.height, self.navigationController.navigationBar.frame.size.width, 0.5)];
    // 背景颜色为 红色
    lineView.backgroundColor = [UIColor redColor];
    
    // 将lineView 添加到导航栏中
    [self.navigationController.navigationBar addSubview:lineView];
    // 将lineView 置于导航栏中视图的最上层
    [self.navigationController.navigationBar bringSubviewToFront:lineView];

效果如图：

<img src="https://img.haomeiwen.com/i1772228/8b5730554fa217db.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/" width="500">

2、设置导航栏的背景图片

    self.navigationController.navigationBar.backgroundColor = [UIColor clearColor];
    self.navigationController.navigationBar.barTintColor = [UIColor clearColor];
    [self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"navi.png"] forBarMetrics:UIBarMetricsDefault];

导航栏设置背景图片