IOS导航栏颜色渐变与常用属性

(转:http://www.cnblogs.com/Lingchen-start/archive/2015/10/23/4904361.html)

   今年很忙,忙的写日志的时间都很少。  少的可怜。  

    自己一直想实现导航栏的几个功能,

  1、去掉导航栏中的下划线

    2、导航栏透明度,背景色随着Scroll 滚动而改变

    又是偶然间的发现以下博客;满足了自己的想法

    • 1、导航栏背景色设置:

      self.navigationController.navigationBar.barTintColor = [UIColor greenColor];

    • 2、导航栏标题颜色字体大小

          NSMutableDictionary *attrs = [NSMutableDictionary dictionary];

          attrs[NSForegroundColorAttributeName] = [UIColor whiteColor];

          attrs[NSFontAttributeName] = [UIFont systemFontOfSize:17];

          [self.navigationController.navigationBar setTitleTextAttributes:attrs];

    • 3、导航栏左右item

       UIBarButtonItem *leftItem = [[UIBarButtonItem alloc] initWithTitle:@"left" style:UIBarButtonItemStylePlain target:self action:@selector(left)];

        self.navigationItem.leftBarButtonItem = leftItem;

        UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithTitle:@"right" style:UIBarButtonItemStylePlain target:self action:@selector(right)];   

          self.navigationItem.rightBarButtonItem = rightItem;

    • 4、导航栏item字体颜色

       self.navigationController.navigationBar.tintColor = [UIColor redColor];如果要不同item不同颜色,那么item要带一个自定义按钮,在设置按钮属性

    • 5、当前控制器的下一个控制器的返回item去掉文字只保留箭头

          UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:self action:@selector(back)];

       self.navigationItem.backBarButtonItem = backItem;

    • 6、导航栏透明与导航栏底部分割线,如果有图片高为64的话,直接设置图片就可以了,除此之外还可以用代码,这边的例子全部用代码背景色转图片来设置,先设置整个view的背景色为

       self.view.backgroundColor = [UIColor greenColor];如果透明看到的就是绿色。然后在分别设置

       [self.navigationController.navigationBar setBackgroundImage:[self imageWithBgColor:[UIColor colorWithRed:1 green:1 blue:1 alpha:0]] forBarMetrics:UIBarMetricsDefault];

         [self.navigationController.navigationBar setShadowImage:[self imageWithBgColor:[UIColor colorWithRed:1 green:1 blue:1 alpha:0]]];这样就是透明的了

    • 7、如果要监听滚动而使导航栏颜色渐变,那么可以在scrollView的代理方法中添加这样的代码

      -(void)scrollViewDidScroll:(UIScrollView *)scrollView

      {

           [self.navigationController.navigationBar setBackgroundImage:[self imageWithBgColor:[UIColor colorWithRed:1 green:0 blue:0 alpha:self.tableView.contentOffset.y / 100]] forBarMetrics:UIBarMetricsDefault];

      }
      这边用的imageWithBgColor方法

      -(UIImage *)imageWithBgColor:(UIColor *)color {

          CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);

          UIGraphicsBeginImageContext(rect.size);

          CGContextRef context = UIGraphicsGetCurrentContext();    

          CGContextSetFillColorWithColor(context, [color CGColor]);

          CGContextFillRect(context, rect);

           UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

          UIGraphicsEndImageContext();

           return image;

      }
      最后大致的效果点左边是默认颜色,点右边透明,滚动渐变,就在这记下这些了,希望有可以帮助到的地方~~

原文地址:https://www.cnblogs.com/kingbo/p/5047163.html