iOS开发上下滑动UIScrollview隐藏或者显示导航栏的实例

发布时间:2020-09-26 04:49:19 作者:夕阳下的守望者
来源:脚本之家 阅读:383

一、好多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隐藏或者显示导航栏的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持亿速云。

推荐阅读:
  1. LineLayout的显示隐藏
  2. LinearLayout的隐藏与显示

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ios 上下 滑动

上一篇:使用Echarts几分钟制作出折线图、饼图、柱状图等

下一篇:VUE 动态组件的应用案例分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》