其他网站的资料：
自定义iOS7导航栏背景,标题和返回按钮文字颜色

目录

• 导航控制器的定制
• 定制NavigationItem
• 设置titleView
• 创建BarButtonItem
• 定制NavigationBar导航条
• 定制工具条和toolBarItem
• 定制toolBar
• 定制toolBarItem
• 占位item的宽度自动可变
• 占位item的宽度固定
• 自定制返回键

补充：隐藏系统自动创建的返回按钮

 self.navigationItem.hidesBackButton = YES;

导航控制器的定制:

• 1.导航条(NavigationBar):属于导航控制器的
• 2.NavigationItem(导航条上显示的内容):属于视图控制器
• 3.工具条(toolBar):属于导航控制器
• 4.toolBarItem(工具条上显示的内容):属于视图控制器的

定制导航条

 //1.创建视图控制器对象,作为导航控制器的根视图控制器
 FirstViewController * first = [[FirstViewController alloc] init];
    
 //2.创建一个导航控制器
 NavigationController * nav = [[NavigationController alloc] initWithRootViewController:first];

隐藏返回按钮

self.navigationItem.hidesBackButton = YES;

定制NavigationItem

navigationItem就是一个视图控制器所在显示的导航条上的内容
navigationItem属于视图控制器

1.设置titleView

(1)中间显示文字

 //如果中间只是显示文字，可以通过直接设置视图控制器的title属性来设置
 [self.navigationItem setTitle:@"小鸡炖蘑菇"];

(2)中间显示其他的视图
可以设置成任何直接或者间接继承自UIView的类的对象都可以

  添加搜索框
  UISearchBar * search = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, 100, 40)];
  UIView * view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 40)];
  [view addSubview:search];
  view.backgroundColor = [UIColor yellowColor];
 
//如果设置了这个属性，会覆盖原来显示文字的部分
  [self.navigationItem setTitleView:search];

2.创建BarButtonItem

a.创建系统的item

  UIBarButtonSystemItemDone,
  UIBarButtonSystemItemCancel,
  UIBarButtonSystemItemEdit,
  UIBarButtonSystemItemSave,
  UIBarButtonItem * item1 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCamera target:self action:@selector()];

b.通过自定制view方式创建item

 UIImageView * imageView = [[UIImageView alloc]  initWithFrame:CGRectMake(0, 0, 30, 30)];
 imageView.image = [UIImage imageNamed:@"itemImage2"];
 UIBarButtonItem * item2 = [[UIBarButtonItem alloc] initWithCustomView:imageView];

c.通过文字创建可以点击的item

 UIBarButtonItem * item3 = [[UIBarButtonItem alloc] initWithTitle:@"向右" style:UIBarButtonItemStylePlain target:self action:@selector(onclicked2)];

d.通过图片创建可以点击的按钮

  //设置图片的时候需要设置图片的渲染模式为:UIImageRenderingModeAlwaysOriginal,否则图片不会正确的显示
  UIBarButtonItem * item4 = [[UIBarButtonItem alloc] initWithImage:[[UIImage imageNamed:@"itemImage"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] style:UIBarButtonItemStylePlain target:self action:@selector(onclicked2)];
    
  //2.设置右边的item
  //在这个方法的内部创建了一个对应的按钮
  [self.navigationItem setRightBarButtonItem:item4];
    
  通过数组来设置右边多个items的时候，会覆盖单独设置的右边的item
  [self.navigationItem setRightBarButtonItems:@[item1,item4]];
    
    
  //3.设置左边的item
  [self.navigationItem setLeftBarButtonItem:item3];  
  [self.navigationItem setLeftBarButtonItems:@[item3, item2]];
    
   //4.隐藏系统自动创建的返回按钮
   self.navigationItem.hidesBackButton = YES;
        
}

定制NavigationBar导航条

1.设置是否有透明度(默认导航条有透明度:YES)

[self.navigationBar setTranslucent:NO];

2.设置导航条样式

 UIBarStyleDefault   //默认,导航条是白色，状态栏黑色
 UIBarStyleBlack     //导航条是黑色，状态栏是白色
 [self.navigationBar setBarStyle:UIBarStyleBlack];

3.设置导航条的颜色

[self.navigationBar setBarTintColor:[UIColor redColor]];

4.设置导航条的填充颜色(导航条上镂空的部分的颜色)

[self.navigationBar setTintColor:[UIColor greenColor]];

5.改变标题的字体和颜色

[self.navigationBar setTitleTextAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:16], NSForegroundColorAttributeName:[UIColor lightGrayColor]}];

6.设置背景图片
iphone上所有的状态栏的高度:20
导航条的高度:44(以前) 20 + 44 = 64（现在）
如果图片高度大于等于64像素，那么设置的图片的作用范围是状态栏(20)+导航条(44);如果图片高度小于64，那么图片的作用范围只是导航条(44)

[self.navigationBar setBackgroundImage:[UIImage imageNamed:@"header_bg64.png"] forBarMetrics:UIBarMetricsDefault];

定制工具条和toolBarItem

• toolBar:属于导航控制器
• toolBarItem:属于视图控制器

定制toolBar

• toolBar的高度是:44
• toolBar默认是隐藏(一般只在需要显示工具条的界面去设置)
  设置：NavigationController.toolbarHidden = NO;

1.设置是否有透明度（默认有透明度）

 self.toolbar.translucent = NO;

2.设置toolBar的颜色

[self.toolbar setBarTintColor:[UIColor greenColor]];

3.设置填充颜色(镂空部分的颜色）

[self.toolbar setTintColor:[UIColor yellowColor]];

4.设置背景图片
//参数1:图片
//参数2:显示位置
//参数3:bar的材质

[self.toolbar setBackgroundImage:[UIImage imageNamed:@"toolBar"] forToolbarPosition:UIBarPositionAny barMetrics:UIBarMetricsDefault];

定制toolBarItem

• toolBarItem中item和navigationItem中的item属于同一类，都是UIBarButtonItem

1.创建item

  //系统item
  UIBarButtonSystemItemBookmarks,
  UIBarButtonSystemItemSearch,
  UIBarButtonSystemItemRefresh,
  UIBarButtonSystemItemStop,
  UIBarButtonSystemItemCamera,
  UIBarButtonSystemItemTrash,
  UIBarButtonSystemItemPlay,

  UIBarButtonItem * item1 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemBookmarks target:self action:@selector(onclicked:)];
        
  UIBarButtonItem * item2 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemRefresh target:self action:@selector(onclicked:)];
    
  UIBarButtonItem * item3 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCamera target:self action:@selector(onclicked:)];

专门用来占位item

a.占位item的宽度自动可变
每个itme之间的距离。需要占位item

//可变(自动计算两个item之间的间隔)
 UIBarButtonSystemItemFlexibleSpace,
 UIBarButtonItem * spaceItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
    
 2.将item显示在toolBar上
 self.toolbarItems = @[spaceItem,item1, spaceItem,spaceItem,item2,spaceItem, spaceItem,item3, spaceItem];

b.占位item的宽度固定

 UIBarButtonSystemItemFixedSpace,
 UIBarButtonItem * spaceItem2 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];
    
 //设置固定的宽度
 spaceItem2.width = 15;
     
 //将item显示在toolBar上
 self.toolbarItems = @[spaceItem2, item1, spaceItem2,spaceItem2, item2, spaceItem2,spaceItem2, item3];

自定制返回键

 //修改系统返回键是图片和文字，会保留侧拉返回功能
  UIImage *backButtonImage = [[UIImage imageNamed:@"fanhui.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 30, 0, 0)];
  [[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonImage forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
  //将返回按钮的文字position设置不在屏幕上显示
  [[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(NSIntegerMin, NSIntegerMin) forBarMetrics:UIBarMetricsDefault];

- (void)viewWillDisappear:(BOOL)animated { 
  [super viewWillDisappear:animated]; 
//代理置空，否则会闪退
  if ([self.navigationController respondsToSelector:@selector(interactivePopGestureRecognizer)]) {
 self.navigationController.interactivePopGestureRecognizer.delegate = nil;
   }
 }

- (void)viewDidAppear:(BOOL)animated {
   [super viewDidAppear:animated];
   //开启iOS7的滑动返回效果
  if ([self.navigationController respondsToSelector:@selector(interactivePopGestureRecognizer)]) 
  { 
      //只有在二级页面生效 
      if ([self.navigationController.viewControllers count] == 2) { 
self.navigationController.interactivePopGestureRecognizer.delegate = self; 
   }
  }
}

在有的时候，我们不需要手势返回功能，那么可以在页面中添加以下代码：

- (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];

    // 禁用 iOS7 返回手势
    if ([self.navigationController respondsToSelector:@selector(interactivePopGestureRecognizer)]) {
        self.navigationController.interactivePopGestureRecognizer.enabled = NO;
    }
}

- (void)viewWillDisappear:(BOOL)animated
{
    [super viewWillDisappear:animated];

    // 开启
    if ([self.navigationController respondsToSelector:@selector(interactivePopGestureRecognizer)]) {
        self.navigationController.interactivePopGestureRecognizer.enabled = YES;
    }
}

// 如果滑动移除控制器的功能失效，清空代理(让导航控制器重新设置这个功能)
    self.interactivePopGestureRecognizer.delegate = nil;