iOS实现简易的导航栏颜色渐变实例代码

2020-01-21 07:21:53丽君

但是,方法一会出现一个bug,就是当页面初始状态时 setNavigationBarHidden 为 YES,也就相当于 navigationBar 那一刻是不存在的,那么导航栏上的控件也就自然看不到,而且 navigationBar的出现和消失会很突兀。

采用方法二效果会好很多,因为navigationBar本身是存在的,只是做了显示和隐藏的操作,过渡也相对顺滑很多。

页面切换的处理

导航栏作为的公共区域,我们可以对它进行自定义,同时也要考虑当前页面的导航栏和其他页面导航栏之间的相互影响。

  • 导航栏下面那条线其实是一张图片,叫做 shadowImage,在 viewWillAppear对其隐藏,又在 viewWillDisappear对其做了还原。
  • 页面即将呈现时防止其他页面回来其他页面设置的导航栏背景色对本页面造成影响,在 viewWillAppear 对导航栏背景色先做了置空处理。
  • 为了保证回到该页面时导航栏的颜色和离开时保持一致,在页面即将呈现时手动调了一下 scrollViewDidScroll 方法来计算当前应该呈现的颜色。

    封装

    为了方便使用,封装一个 UINavigationBar的category: UINavigationBar+ChangeColor。

    
    //UINavigationBar+ChangeColor.m文件
    
    //核心方法
    - (void)changeColor:(UIColor *)color withOffsetY:(CGFloat)offsetY {
    
     if (offsetY < 0) {
    
     //下拉时导航栏隐藏
     self.hidden = YES;
     }else {
    
     self.hidden = NO;
     //计算透明度,180为随意设置的偏移量临界值
     CGFloat alpha = offsetY / 180 > 1.0f ? 1 : (offsetY / 180);
    
     //设置一个颜色并转化为图片
     UIImage *image = [self imageWithColor:[color colorWithAlphaComponent:alpha]];
     [self setBackgroundImage:image forBarMetrics:UIBarMetricsDefault];
    
     self.translucent = alpha >= 1.0f ? NO : YES;
     }
    }