先看看原APP的效果
實(shí)現(xiàn)過(guò)程
主要是給view
中的滾動(dòng)視圖添加一個(gè)KVO
來(lái)監(jiān)視它的滑動(dòng),再根據(jù)它的offset
來(lái)做一下操作,下面是代碼
[myTableView addObserver:self forKeyPath:@"contentOffset" options:NSKeyValueObservingOptionOld|NSKeyValueObservingOptionNew context:nil];
獲取tableView
的 contentOffset
之后再根據(jù)具體需求來(lái)實(shí)現(xiàn)邏輯判斷
-(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 已經(jīng)顯示的狀態(tài),不再移動(dòng) return; } _isHide = NO; //設(shè)置navigationbar 的frame 使他根據(jù)tableView來(lái)滑動(dòng) 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) {//更改數(shù)值大小可以控制觸發(fā) navigation bar 的滑動(dòng)速度 _isHide = YES; }else if(i < -10) { _isHide = NO; } } [self.navigationController setNavigationBarHidden:_isHide animated:YES]; }}
完成效果圖
總結(jié)
其實(shí)這個(gè)效果實(shí)現(xiàn)起來(lái)確實(shí)沒(méi)有什么難度,寫這個(gè)主要是給大家看一下我的實(shí)現(xiàn)過(guò)程與思路,希望可以幫到大家。如果有疑問(wèn)可以留言交流,謝謝大家對(duì)武林網(wǎng)的支持。
新聞熱點(diǎn)
疑難解答
圖片精選