这篇文章给大家介绍了如何实现APP上滑时隐藏navigationBar而下拉则又会显示,虽然也是隐藏但是效果和其他完全不一样,因为以前没做过所以试着去实现一下,现在分享给大家,有需要的可以参考借鉴。
先看看原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];
}
}
完成效果图
总结
其实这个效果实现起来确实没有什么难度,写这个主要是给大家看一下我的实现过程与思路,希望可以帮到大家。如果有疑问可以留言交流,谢谢大家对编程学习网的支持。
沃梦达教程
本文标题为:IOS实现上滑隐藏NvaigtionBar而下拉则显示效果
基础教程推荐
猜你喜欢
- iOS开发使用XML解析网络数据 2022-11-12
- MVVMLight项目Model View结构及全局视图模型注入器 2023-05-07
- iOS开发 全机型适配解决方法 2023-01-14
- iOS中如何判断当前网络环境是2G/3G/4G/5G/WiFi 2023-06-18
- iOS Crash常规跟踪方法及Bugly集成运用详细介绍 2023-01-18
- Android Compose自定义TextField实现自定义的输入框 2023-05-13
- IOS获取系统相册中照片的示例代码 2023-01-03
- Android开发Compose集成高德地图实例 2023-06-15
- Flutter进阶之实现动画效果(三) 2022-10-28
- Android实现短信验证码输入框 2023-04-29