时间:2021-05-19
一、好多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</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) } }二、总结:三种方法都可以,我个人觉得第二种方法效果最好,大家可以学习借鉴一下
以上这篇iOS开发上下滑动UIScrollview隐藏或者显示导航栏的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了javascript实现超炫的向上滑行菜单。分享给大家供大家参考。具体如下:JS实现文字上下滑动导航body{margin:0;backgroun
在网站制作中,首页一般都会有新闻推荐列表之类的,页面布局时,新闻列表给的区域大小不够或者预估以后上传内容很多,这时前端人员需要做出隐藏多出的内容上下滑动显示剩余
为了将导航栏显示在每一个页面中,可以将导航栏与放在同一级显示,如下:...但是,在某些时候,我们需要隐藏导航栏显示,比如登录界面,为了实现导航栏的隐藏,可以使用
1.页面在手机端不能上下滑动,在PC端浏览器正常滑动说明:在设置了overflow:auto;属性的前提下,H5页面在PC端浏览器里展示可以上下滑动,在ios上
一、状态栏与导航栏状态栏:显示时间、电池等信息导航栏:显示app页面标题,返回按钮等iOS7之前:状态栏与导航栏是分开的;iOS7之后:状态栏与导航栏合在一起;