iOS-UIScrollView上滑隐藏UINavigationBar

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

首先看一下效果

1

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

UINavigationBar Category

在UINavigationBar中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

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

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


/**
设置Bar偏移

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

@end

.m

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
@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得到这几个属性的

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

http://ppsheep.com/2016/10/31/iOS-RunTime解析/

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

然后在我们的viewcontroller中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
-(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)];
}

实现起来 还是很简单的

源工程:

https://github.com/yangqian111/blog/tree/master/iOS%20UIScrollView上滑隐藏UINavigationBar