渐变导航栏(基于运行时,UINavigationBar分类扩充属性实现)

实现渐变导航栏的方式可能是多种多样，但是多种多样的方法中可能有一个很好的方法，今天来总结一个比较好的实现方法，主要实现是基于运行时为UINavigationBar分类扩充一个继承于UIView覆盖层的属性。无需自定义导航栏，具体实现的时候，只要简单调用分类中的代码即可。Demo下载地址：https://github.com/ZhengYaWei1992/ZWAlphaNavigationBar

效果图

先看一下，UINavigationBar+ZYW这个分类中的实现的方法，也就一二十行。强来个方法，主要是基于运行时为分类扩充overlay属性，这个属性在实际中，主要是充当导航栏背景作用，改变它的透明度就可以视觉上实现导航栏透明度的变化。对leftItem、rightIten以及tittleView毫无影响。第三个方法主要是改变导航栏的透明度，外部直接调用就可以改变导航栏透明度。第四个方法主要是移除overlay，恢复导航栏最原始的面貌。

//覆盖物
- (UIView *)overlay{
    return objc_getAssociatedObject(self, &overlayKey);
}
- (void)setOverlay:(UIView *)overlay{
    objc_setAssociatedObject(self, &overlayKey, overlay, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

- (void)setBackgroundColor:(UIColor *)backgroundColor{
    if (!self.overlay) {
        [self setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
        self.overlay = [[UIView alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds) + 20)];
        self.overlay.userInteractionEnabled = NO;
        self.overlay.autoresizingMask = UIViewAutoresizingFlexibleWidth;    // Should not set `UIViewAutoresizingFlexibleHeight`
        [[self.subviews firstObject] insertSubview:self.overlay atIndex:0];
    }
    self.overlay.backgroundColor = backgroundColor;
}
- (void)reset{
    [self setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
    [self.overlay removeFromSuperview];
    self.overlay = nil;
}

UINavigationBar+ZYW分类中就这些代码，接下来看看外部是如何使用的。
加载视图是设置导航栏颜色为透明。

- (void)viewDidLoad {
    [super viewDidLoad];
    [self.navigationController.navigationBar setBackgroundColor:[UIColor clearColor]];
}

界面从上一界面返回的时候，再次设置为之前的颜色.

- (void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
//    self.navigationController.navigationBarHidden = YES;
    self.tableView.delegate = self;
    //界面从上一界面返回的时候，再次设置为之前的颜色
    [self scrollViewDidScroll:self.tableView];
     [self.navigationController.navigationBar setShadowImage:[UIImage new]];
}

离开界面时，导航栏设置恢复为面貌。避免影响下一push进去界面的导航栏样式。

- (void)viewWillDisappear:(BOOL)animated{
    [super viewWillDisappear:animated];
    self.tableView.delegate = nil;
    [self.navigationController.navigationBar reset];
}

滚动scrollView是设置导航栏的颜色渐变。

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    UIColor * color = [UIColor redColor];
    CGFloat offsetY = scrollView.contentOffset.y;
    if (offsetY > NAVBAR_CHANGE_POINT) {
        CGFloat alpha = MIN(1, 1 - ((NAVBAR_CHANGE_POINT + 64 - offsetY) / 64));
        [self.navigationController.navigationBar setBackgroundColor:[color colorWithAlphaComponent:alpha]];
    } else {
        [self.navigationController.navigationBar setBackgroundColor:[color colorWithAlphaComponent:0]];
    }
}