渐变即由透明到显现,由看得见到消失不见

原理: UIScrollView的偏移量,作差值公式的alpha变化设置导航栏及其子视图的颜色和透明度的变化

1.去除导航栏及其底部一根碍眼的线

- (void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
        //去掉导航栏与self.view中间的那根线
    [self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault];
    self.navigationController.navigationBar.shadowImage = [[UIImage alloc] init];
    UINavigationBar * navigationBar = [UINavigationBar appearance];
    navigationBar.backgroundColor = [UIColor clearColor];
    navigationBar.barTintColor = [UIColor clearColor];
}

2. 恢复全局的导航栏设置,不可能说每个页面都是渐变的,如果有那就当我没说

- (void)viewWillDisappear:(BOOL)animated{
    [super viewWillDisappear:animated];
    UINavigationBar * navigationBar = [UINavigationBar appearance];
    navigationBar.barTintColor = [UIColor orangeColor];
    navigationBar.titleTextAttributes = @{NSForegroundColorAttributeName : [UIColor whiteColor], NSFontAttributeName : [UIFont systemFontOfSize: 15]};
}

3. 插值算法 这里的kNavBarHeight是导航栏+状态栏的高度,当然也可以是你自定义视图的高度,只是一个定值,用于计算alpha(可以这么理解,往下拽的时候是透明的,往上推的时候到某一个点的时候就开始变色了,变着变着就不变了...)

    CGFloat offsetY = scrollView.contentOffset.y;
    UIColor *color = [UIColor blueColor];
    if (offsetY > kNavBarHeight) {
        if (offsetY > kNavBarHeight*2) {
            offsetY = kNavBarHeight*2;
        }
        CGFloat alpha = (offsetY - kNavBarHeight)/kNavBarHeight;
        //各种视图透明度设置为alpha
    }else{
      //各种视图设置为透明
    }