iOS开发上下滑动UIScrollview隐藏或者显示导航栏
2016-06-30 17:37
615 查看
一、好多App都有上下滑动UIScrollview隐藏或者显示导航栏,在这里我说说我觉得有用的几种方法:
1.iOS8之后系统有一个属性hidesBarsOnSwipe
Objective-C代码如下
swift代码如下
当使用以上代码时,可以达到效果
2.使用UIScrollViewDelegate一个代理方法
Objective-C代码如下
swift代码如下
这种效果最好
3.使用UIScrollViewDelegate另一个代理方法
Objective-C代码如下
swift代码如下
二、总结:三种方法都可以,我个人觉得第二种方法效果最好,大家可以学习借鉴一下
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</span>
{ 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) } }
二、总结:三种方法都可以,我个人觉得第二种方法效果最好,大家可以学习借鉴一下
相关文章推荐
- 用CSS开发时髦的导航栏图例教程
- 用CSS开发时髦的导航栏第二篇
- 用jquery的方法制作一个简单的导航栏
- 一步步教大家编写酷炫的导航栏js+css实现
- JQuery Mobile实现导航栏和页脚
- JS 实现导航栏悬停效果(续2)
- JavaScript NodeTree导航栏(菜单项JSON类型/自制)
- JS 实现导航栏悬停效果
- Android程序开发之Fragment实现底部导航栏实例代码
- Fullpage.js固定导航栏-实现定位导航栏
- jQuery蓝色风格滑动导航栏代码分享
- Bootstrap编写导航栏和登陆框
- Android实现沉浸式导航栏实例代码
- Android仿网易客户端顶部导航栏效果
- Android项目实战之仿网易顶部导航栏效果
- 拥Bootstrap入怀――导航栏篇
- JS 实现导航栏悬停效果(续)
- 简单的jquery左侧导航栏和页面选中效果
- 超炫的jquery仿flash导航栏特效
- iOS中的导航栏UINavigationBar与工具栏UIToolBar要点解析