美文网首页111iOS Developer
渐变导航栏(基于运行时,UINavigationBar分类扩充属

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

作者: ZhengYaWei | 来源:发表于2017-02-26 11:58 被阅读238次

    实现渐变导航栏的方式可能是多种多样,但是多种多样的方法中可能有一个很好的方法,今天来总结一个比较好的实现方法,主要实现是基于运行时为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]];
        }
    }
    

    相关文章

      网友评论

        本文标题:渐变导航栏(基于运行时,UINavigationBar分类扩充属

        本文链接:https://www.haomeiwen.com/subject/mfyowttx.html