玩转UI--导航栏的设置

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

默认情况下是这种灰色的,如图:

现在我们把它修改成红色的,我的做法是在导航栏的底部位置添加一个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];

效果如图:

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


    self.navigationController.navigationBar.backgroundColor = [UIColor clearColor];
    self.navigationController.navigationBar.barTintColor = [UIColor clearColor];
    [self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"navi.png"] forBarMetrics:UIBarMetricsDefault];
玩转UI--导航栏的设置_第1张图片
导航栏设置背景图片

你可能感兴趣的:(玩转UI--导航栏的设置)