UINavigationBar的一些特性，經常用過就忘，此處做一個記錄，以免每次翻代碼。

1. 標題

// 標題文字
self.navigationItem.title = @"Test";
// 標題字體、顏色等屬性
[self.navigationController.navigationBar setTitleTextAttributes:
  @{NSForegroundColorAttributeName:[UIColor whiteColor],
    NSFontAttributeName:[UIFont systemFontOfSize:18.0]}];

2. navigationBar的背景顏色

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

設置navigationBar背景為透明（此時barTintColor就無效了）：

// 背景圖片
[self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
// 去掉分割線
self.navigationController.navigationBar.shadowImage = [UIImage new];

3. navigationBar填充顏色

self.navigationController.navigationBar.tintColor = [UIColor blueColor];

rightBarButtonItem的圖片被默認方式渲染

這樣，此處將圖片渲染模式改為UIImageRenderingModeAlwaysOriginal就可以了

    // 右按鈕
    UIImage *nextBtnImage = [UIImage imageNamed:@"next_btn_gray"];
    // 設置圖片渲染模式為 UIImageRenderingModeAlwaysOriginal
    nextBtnImage = [nextBtnImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    UIBarButtonItem *rightItem = [[UIBarButtonItem alloc]initWithImage:nextBtnImage style:UIBarButtonItemStylePlain target:self action:@selector(next)];
    self.navigationItem.rightBarButtonItem = rightItem;

更改渲染模式后

4. 透明導航欄的滑動漸變實現

部分參考：http://www.lxweimin.com/p/ae1bfdfdd223

方法一：根據滑動的offset，設置navigationBar的backgroundImage，相當于反復生成新的圖片，個人認為這樣的方法比較消耗資源

/**
 初始化navigationBar
 */
- (void)setupNavigationBar
{
    // 240,230,140
    self.barBgColor = [UIColor colorWithRed:240/255.0 green:230/255.0 blue:140/255.0 alpha:1];
    
    // 標題
    self.navigationItem.title = @"Test";
    
    // 設置初始透明背景
    [self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
    // 分割線
    self.navigationController.navigationBar.shadowImage = [UIImage new];

    // 右按鈕
    UIImage *nextBtnImage = [UIImage imageNamed:@"next_btn_gray"];
    UIBarButtonItem *rightItem = [[UIBarButtonItem alloc]initWithImage:nextBtnImage style:UIBarButtonItemStylePlain target:self action:@selector(next)];
    self.navigationItem.rightBarButtonItem = rightItem;
    
    // 初始化navigationBar填充顏色
    [self setNavigationBarTintColorByScale:0.0];
}

重點在下面兩個方法，在scrollView的代理方法scrollViewDidScroll中，以當前偏移量為依據，更新navigationBar的backgroundImage，以及tintColor

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGFloat minAlphaOffset = -64;           // 最小Offset為-64，透明度為0
    CGFloat maxAlphaOffset = 300;           // Offset >= 300后，透明度為1（這里的值按UI需求改就好嘍）
    CGFloat offset = scrollView.contentOffset.y;
    // 計算當前 offset 的scale
    CGFloat offsetScale = (offset - minAlphaOffset) / (maxAlphaOffset - minAlphaOffset);
    
    // 對scale做些處理
    if (offsetScale < 0.0) {
        offsetScale = 0.0;
    }else if (offsetScale > 1.0) {
        offsetScale = 1.0;
    }
    // 更新背景透明度
    [self.navigationController.navigationBar setBackgroundImage:[UIImage imageWithColor:[self.barBgColor colorWithAlphaComponent:offsetScale]] forBarMetrics:UIBarMetricsDefault];
    // 更新填充顏色
    [self setNavigationBarTintColorByScale:offsetScale];
    
    NSLog(@"offset = %.1f, offsetScale = %.1f",offset,offsetScale);
}

/**
 根據scale（0.0~1.0）更新導航欄填充顏色

 @param scale 當前offset的滑動倍數
 */
- (void)setNavigationBarTintColorByScale:(CGFloat)scale
{
    CGFloat whiteColorF = 255.0;
    CGFloat grayColorF = 105.0;
    
    CGFloat gradientColorF = whiteColorF+(grayColorF-whiteColorF)*scale;
    UIColor *grayColor = [UIColor colorWithRed:gradientColorF / 255.0 green:gradientColorF / 255.0 blue:gradientColorF / 255.0 alpha:1];
    
    [self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:grayColor}];
    self.navigationController.navigationBar.tintColor = grayColor;
}

方法二：直接獲取到navigationBar的背景imageView，刷新它的alpha

代碼如下，重復的部分隱去了

/**
 初始化navigationBar
 */
- (void)setupNavigationBar
{
    // ···
    // 拿到背景ImageView
    self.barImageView = self.navigationController.navigationBar.subviews.firstObject;
    self.navigationController.navigationBar.barTintColor = self.barBgColor;
    self.barImageView.alpha = 0.0;
    // ···
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    // ···
    // 更新背景透明度
    /*
    [self.navigationController.navigationBar setBackgroundImage:[UIImage imageWithColor:[self.barBgColor colorWithAlphaComponent:offsetScale]] forBarMetrics:UIBarMetricsDefault];
     */
    self.barImageView.alpha = offsetScale;
    // ···
}

效果如下圖啦~到此，就實現了

導航欄滑動漸變效果.gif