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

 更新时间:2016年09月01日 14:42:37   投稿:daisy  
这篇文章给大家介绍了如何实现APP上滑时隐藏navigationBar而下拉则又会显示,虽然也是隐藏但是效果和其他完全不一样,因为以前没做过所以试着去实现一下,现在分享给大家,有需要的可以参考借鉴。

先看看原APP的效果

实现过程

主要是给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中UILabel实现长按复制功能实例代码

    iOS中UILabel实现长按复制功能实例代码

    在iOS开发过程中,有时候会用到UILabel展示的内容,那么就设计到点击UILabel复制它上面展示的内容的功能,也就是Label长按复制功能,下面这篇文章主要给大家介绍了关于在iOS中UILabel实现长按复制功能的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-10-10
  • Android NavigationController 右滑手势详解

    Android NavigationController 右滑手势详解

    目前苹果手机在人机交互中尽力做到极致,在ios7中,新增了一个小小功能,用户不用点击右上角的返回按钮,在屏幕左边一滑,就会返回。下面给大家详解Android NavigationController 右滑手势,需要的朋友可以参考下
    2015-08-08
  • iOS UICollectionView实现横向滑动

    iOS UICollectionView实现横向滑动

    这篇文章主要为大家详细介绍了iOS UICollectionView实现横向滑动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • iOS粒子路径移动效果 iOS实现QQ拖动效果

    iOS粒子路径移动效果 iOS实现QQ拖动效果

    这篇文章主要为大家详细介绍了iOS粒子路径移动效果,iOS实现QQ拖动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 详解iOS14 Widget 开发相关及易报错地方处理

    详解iOS14 Widget 开发相关及易报错地方处理

    这篇文章主要介绍了详解iOS14 Widget 开发相关及易报错地方处理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • iOS开发之手势gesture详解

    iOS开发之手势gesture详解

    本篇文章介绍了iOS开发之手势gesture,现在分享给大家,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2016-11-11
  • iOS开发自定义页脚和页眉技巧详解

    iOS开发自定义页脚和页眉技巧详解

    这篇文章主要为大家介绍了iOS开发自定义页脚和页眉的技巧示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • iOS开发中实现一个简单的图片浏览器的实例讲解

    iOS开发中实现一个简单的图片浏览器的实例讲解

    这篇文章主要介绍了iOS开发中实现一个简单的图片浏览器的实例讲解,代码基础传统的Objective-C,需要的朋友可以参考下
    2016-01-01
  • iOS中关于UIWindow和statusbar的设置问题

    iOS中关于UIWindow和statusbar的设置问题

    最近在做开发时要做一个类似于UIAlertView的控件,做法是创建一个基于UIView的类,在里面进行自定义控件的设置,为了尽量模仿UIAlertView,在这个类里面创建了一个新的UIWindow并将self显示到这个window上
    2017-03-03
  • iOS中仿QQ侧滑菜单功能

    iOS中仿QQ侧滑菜单功能

    这篇文章主要介绍了iOS中仿QQ侧滑菜单功能,在实现此功能之前,需要先了解UITabBarController的层级结构,具体实现思路大家可以参考下本文
    2017-07-07

最新评论