导航栏渐变效果

京东 天猫等app首页 往上滑动时导航栏渐变效果

首页为UITableView

#pragma mark - 滑动时导航栏渐变 -

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{                                     //UIScrollViewDelegate
    NSLog(@"offset---scroll:%f",self.mainTableView.contentOffset.y);
    UIColor *color = MainColor;                                                                          //MainColor 为自己设定的颜色
    CGFloat offset=scrollView.contentOffset.y;
    if (offset<0) {
        self.navBarSearch.backgroundColor = [color colorWithAlphaComponent:0];    //self.navBarSearch 自定义的导航栏
    }else {
        CGFloat alpha=1-(((SCREENWIDTH / 2.2f)-offset)/(SCREENWIDTH / 2.2f));       //SCREENWIDTH 为设备宽度     (SCREENWIDTH / 2.2f)这个是自己设置的高度 既往上滑动多高颜色就不在变化了
        self.navBarSearch.backgroundColor=[color colorWithAlphaComponent:alpha];
    }
}