iOS UIScrollView上滑隐藏UINavigationBar

欢迎大家关注我的公众号，我会定期分享一些我在项目中遇到问题的解决办法和一些iOS实用的技巧，现阶段主要是整理出一些基础的知识记录下来

文章也会同步更新到我的博客：
ppsheep.com

我们经常看到一些阅读类的应用，上滑UIScrollView的时候 UINavigationBar就隐藏了 虽然Apple给我们提供了隐藏NavigationBar的方法，但是有一个弊端 就是navigationbar不能随着UIScrollView的滑动速度来隐藏，并且设置bar逐渐隐藏，今天我们就来实现这样一个效果

首先看一下效果

1

首先分析一下，随着滑动隐藏NavigationBar，肯定是在UIScrollView的delegate方法scrollViewDidScroll:做操作

UINavigationBar Category

在UINavigationBar中

@interface UINavigationBar (PPSNavigationBar)
/**
 设置scrollview的透明度 随着滑动  透明度改变

 @param alpha 透明度
 */
- (void)pps_setScrollViewAlpha:(CGFloat)alpha;


/**
 设置Bar偏移

 @param translationY 偏移量
 */
- (void)pps_setTranslationY:(CGFloat)translationY;

@end复制代码

.m

@implementation UINavigationBar (PPSNavigationBar)

-(void)pps_setTranslationY:(CGFloat)translationY{
    self.transform = CGAffineTransformMakeTranslation(0, translationY);
}

-(void)pps_setScrollViewAlpha:(CGFloat)alpha{
    [[self valueForKey:@"_leftViews"] enumerateObjectsUsingBlock:^(UIView *view, NSUInteger i, BOOL *stop) {
        view.alpha = alpha;
    }];

    [[self valueForKey:@"_rightViews"] enumerateObjectsUsingBlock:^(UIView *view, NSUInteger i, BOOL *stop) {
        view.alpha = alpha;
    }];

    UIView *titleView = [self valueForKey:@"_titleView"];
    titleView.alpha = alpha;

    [[self subviews] enumerateObjectsUsingBlock:^(UIView *obj, NSUInteger idx, BOOL *stop) {
        if ([obj isKindOfClass:NSClassFromString(@"UINavigationItemView")]) {
            obj.alpha = alpha;
            *stop = YES;
        }
    }];
}

@end复制代码

实现起来很简单

在NavigationBar中

• _leftViews
• _rightViews
• _titleView
• UINavigationItemView

这几个属性都是UINavigationBar的属性，如果不知道这几个属性 是可以通过runtime得到这几个属性的

具体的实现方法参考我的另一篇文章：

ppsheep.com/2016/10/31/…

通过几个属性名我们就能知道 代表什么

然后在我们的viewcontroller中

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
    //这里加上64是为了得到准确的scrollview的偏移量  当然你也可以在下面的判断中计算
    CGFloat offsetY = scrollView.contentOffset.y+64;
    if (offsetY > 0) {
        if (offsetY >= 44) {
            [self setNavigationBarTransformProgress:1];
        } else {
            [self setNavigationBarTransformProgress:(offsetY/44)];
        }
    } else {
        [self setNavigationBarTransformProgress:0];
        self.navigationController.navigationBar.backIndicatorImage = [UIImage new];
    }
}

- (void)setNavigationBarTransformProgress:(CGFloat)progress
{
    [self.navigationController.navigationBar pps_setTranslationY:(-44 * progress)];
    [self.navigationController.navigationBar pps_setScrollViewAlpha:(1-progress)];
}复制代码

实现起来 还是很简单的

源工程：

github.com/yangqian111…