你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> IOS實現上滑隱藏NvaigtionBar而下拉則顯示效果

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

編輯:IOS開發綜合

先看看原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];
 }
}

完成效果圖

總結

其實這個效果實現起來確實沒有什麼難度,寫這個主要是給大家看一下我的實現過程與思路,希望可以幫到大家。如果有疑問可以留言交流,謝謝大家對本站的支持。

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved