当前位置： 移动技术网 > IT编程>移动开发>IOS > IOS实现上滑隐藏NvaigtionBar而下拉则显示效果

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

2019年07月24日  | 移动技术网IT编程  | 我要评论

立体地图,魔兽植物专家,天津电视台节目表

先看看原app的效果

实现过程

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

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

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

-(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];
 }
}

完成效果图

总结

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网