欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

IOS实现上滑隐藏NvaigtionBar而下拉则显示效果

程序员文章站 2023-12-14 12:46:52
先看看原app的效果 实现过程 主要是给view中的滚动视图添加一个kvo来监视它的滑动,再根据它的offset来做一下操作,下面是代码 [mytab...

先看看原app的效果

IOS实现上滑隐藏NvaigtionBar而下拉则显示效果

实现过程

主要是给view中的滚动视图添加一个kvo来监视它的滑动,再根据它的offset来做一下操作,下面是代码

[mytableview addobserver:self forkeypath:@"contentoffset" options:nskeyvalueobservingoptionold|nskeyvalueobservingoptionnew context:nil];

获取tableviewcontentoffset 之后再根据具体需求来实现逻辑判断

-(void)observevalueforkeypath:(nsstring *)keypath ofobject:(id)object change:(nsdictionary<nsstring *,id> *)change context:(void *)context {
 if ([object isequal:mytableview] && [keypath isequaltostring:@"contentoffset"]) {
  //获取新值旧值
  cgfloat newy = [change[@"new"] cgpointvalue].y;
  cgfloat oldy = [change[@"old"] cgpointvalue].y;
  float i = newy - oldy;//下拉是新值小于旧值的,所以i<0 是下拉 i>0 是上滑
   nslog(@"%f",mytableview.contentoffset.y);
  if (mytableview.contentoffset.y > -64 && mytableview.contentoffset.y <= 24) {//边界条件,此处不精确
   if (i <= 0 && _ishide == no && self.navigationcontroller.navigationbar.frame.origin.y == 20){
    //下拉+bar 已经显示的状态,不再移动
    return;
   }
   _ishide = no;
   //设置navigationbar 的frame 使他根据tableview来滑动
   self.navigationcontroller.navigationbar.frame = cgrectmake(0, -44 - mytableview.contentoffset.y, self.view.bounds.size.width, 44);
   //控制透明度
   self.navigationcontroller.navigationbar.alpha = -mytableview.contentoffset.y/64;
  }else if (mytableview.contentoffset.y > 24) {
   if (i > 10) {//更改数值大小可以控制触发 navigation bar 的滑动速度
    _ishide = yes;
   }else if(i < -10) {
    _ishide = no;
   }
  }
  [self.navigationcontroller setnavigationbarhidden:_ishide animated:yes];
 }
}

完成效果图

IOS实现上滑隐藏NvaigtionBar而下拉则显示效果

总结

其实这个效果实现起来确实没有什么难度,写这个主要是给大家看一下我的实现过程与思路,希望可以帮到大家。如果有疑问可以留言交流,谢谢大家对的支持。

上一篇:

下一篇: