IOS實現上滑隱藏NvaigtionBar而下拉則顯示效果

2019-10-21 18:52:56

字體：大中小

來源：轉載

供稿：網友

先看看原APP的效果

ios隱藏navigationbar,ios,navigationbar,隱藏navigationbar

實現過程

主要是給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隱藏navigationbar,ios,navigationbar,隱藏navigationbar