码迷,mamicode.com
首页 > 移动开发 > 详细

iOS导航栏背景透明渐变

时间:2018-07-12 20:45:38      阅读:371      评论:0      收藏:0      [点我收藏+]

标签:分析   return   不用   文章   arm   oat   绘图   恢复   etc   

重点分析:

1.隐藏导航的最下面的线。

2.设置导航背景的不透明度(ios7.0以上不用设置,translucent默认的就是Yes不用修改,但如果别人修改了或出现那种情况,需要设置为Yes)。

3.页面消失时导航恢复原样。

4.滚动时调用方法设置alpha来控制导航背景的渐变(也是核心,重点在这里)。

核心代码如下:

1.将颜色转换为图片

- (UIImage *)imageWithColor:(UIColor *)color {
    //创建1像素区域并开始图片绘图
    CGRect rect = CGRectMake(0, 0, 1, 1);
    UIGraphicsBeginImageContext(rect.size);
    //创建画板并填充颜色和区域
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);
    //从画板上获取图片并关闭图片绘图
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return image;
}

2.滚动时调用改变导航渐变

- (void)changeColor:(UIColor *)color withScrollView:(UIScrollView *)scrollView andValud:(CGFloat)value{
/**    if (scrollView.contentOffset.y < 0) { 慎重选择这个,只适用于固定的导航栏,如果是自定义view效果会不一样
        //下拉时导航隐藏
        self.hidden = YES;
    }else{
*/
        self.hidden = NO;
        //计算透明度
        CGFloat alpha = scrollView.contentOffset.y /value > 1.0f ? 1 : scrollView.contentOffset.y/value;
        //设置颜色改为图片
        UIImage *image = [self imageWithColor:[color colorWithAlphaComponent:alpha]];
        [self setBackgroundImage:image forBarMetrics:UIBarMetricsDefault];
        self.translucent = alpha >=1.0f ? NO : YES;
  /*  }*/
}

3.隐藏导航栏下的线

- (void)start{
    UIImageView *shawImage = [self findNavLineImageOn:self];
    shawImage.hidden = YES;
    self.translucent = YES;
}

4.页面消失后重置

(适用于导航栏不适用于自定义view)
UIImageView *shawImage = [self findNavLineImageOn:self];
 shawImage.hidden = NO;
  [self setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
  self.translucent = NO;

5.参考文章:https://www.jianshu.com/p/10c71cb19b5e 

iOS导航栏背景透明渐变

标签:分析   return   不用   文章   arm   oat   绘图   恢复   etc   

原文地址:https://www.cnblogs.com/TheYouth/p/9301725.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!