先看看原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]; } }
完成效果圖
總結
其實這個效果實現起來確實沒有什麼難度,寫這個主要是給大家看一下我的實現過程與思路,希望可以幫到大家。如果有疑問可以留言交流,謝謝大家對本站的支持。