好多App都有上下滑动UIScrollview隐藏或者显示导航栏,在这里我说说我觉得有用的几种方法:
类型一: 上滑收起, 下滑显示
1.iOS8之后系统有一个属性hidesBarsOnSwipe
Objective-C代码如下
self.navigationController.hidesBarsOnSwipe = YES;
swift代码如下
self.navigationController?.hidesBarsOnSwipe = true;
2.使用UIScrollViewDelegate一个代理方法
Objective-C代码如下
- (void)scrollViewDidScroll:(UIScrollView *)scrollView { //scrollView已经有拖拽手势，直接拿到scrollView的拖拽手势 UIPanGestureRecognizer *pan = scrollView.panGestureRecognizer; //获取到拖拽的速度 >0 向下拖动 <0 向上拖动 CGFloat velocity = [pan velocityInView:scrollView].y; if (velocity <- 5) { //向上拖动，隐藏导航栏 [self.navigationController setNavigationBarHidden:YES animated:YES]; }else if (velocity > 5) { //向下拖动，显示导航栏 [self.navigationController setNavigationBarHidden:NO animated:YES]; }else if(velocity == 0){ //停止拖拽 } }
swift代码如下
func scrollViewDidScroll(scrollView: UIScrollView) { let pan = scrollView.panGestureRecognizer let velocity = pan.velocityInView(scrollView).y if velocity < -5 { self.navigationController?.setNavigationBarHidden(true, animated: true) } else if velocity > 5 { self.navigationController?.setNavigationBarHidden(false, animated: true) } }
3.使用UIScrollViewDelegate另一个代理方法
Objective-C代码如下
-(void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset { if (velocity.y > 0.0) { [self.navigationController setNavigationBarHidden:YES animated:YES]; } else if (velocity.y < 0.0){ [self.navigationController setNavigationBarHidden:NO animated:YES]; } }
swift代码如下
func scrollViewWillEndDragging(scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) { if velocity.y > 0 { self.navigationController?.setNavigationBarHidden(true, animated: true) } else if velocity.y < 0 { self.navigationController?.setNavigationBarHidden(false, animated: true) } }
总结：三种方法都可以,我个人觉得第二种方法效果最好,大家可以学习借鉴一下
类型二: 上滑不透明, 下滑透明
//nvc为透明样式下
UINavigationController*nvc = [[UINavigationController alloc] initWithRootViewController: ** ]; nvc.navigationBar.barStyle = UIBarStyleDefault;
1.首先,我们把导航栏设置为透明
( ! ! ! 注: iOS11 已更新tablebar视图层级 新添加UINavigationBarContentView, 这个视图不能设置alpha, 后续改进)
[self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault]; self.navigationController.navigationBar.shadowImage = [UIImage new];
1.1 我们设置的是BackgroundImage，说明也许在我们的navigationBar上有一个ImageView的子视图，而我们的看到的导航栏实际上看到的就是这个图片，因此设置它为无图片我们就可以看到透明,而设置backgroundColor却不行。
1.2 我们还设置了shadowImage为无图，它其实就是导航栏下面的那根细线，如果你不写第二句话你则会看到一根线。
//nvc为一张ImageView 通过设置这个View的透明度达到预期的效果
// 取得这个ImageView
_barImageView = self.navigationController.navigationBar.subviews.firstObject;
2.随着scrollView的位移改变而改变透明度
在代理里面设置改变的临界点
- (void)scrollViewDidScroll:(UIScrollView *)scrollView { CGFloat minAlphaOffset = 0;//- 64; CGFloat maxAlphaOffset = 200; CGFloat offset = scrollView.contentOffset.y; CGFloat alpha = (offset - minAlphaOffset) / (maxAlphaOffset - minAlphaOffset); _barImageView.alpha = alpha; }
类型三: 上滑透明, 下滑不透明
此种效果类似类型一, 只是由hidden变为alpha, 就不举例了.
