最近在仿作知乎客戶端,知乎首頁的 navigationBar 會隨着下方的 tableView 滑動而改變,上滑隱藏,下拉顯示,並且下拉需要一定速度纔會觸發顯示。在網上查了一下,看到一個隨 TableView 滑動改變 NavigationBar 透明度的demo,雖然和自己的需求不一樣,但提供了利用 KVO 實現的思路,有了思路就着手做了,調試了幾次和知乎官方實現效果稍有不同,但基本需求實現了,如果需要做到完全相同,只要再加一些條件判斷就好了,主要代碼如下:
#import "TestTableViewController.h"
@interface TestTableViewController ()
@end
@implementation TestTableViewController {
BOOL _isHidding;
}
- (void)viewDidLoad {
[super viewDidLoad];
[self setupScrollHideNavigationBar];
self.navigationItem.title = @"TEST DEMO";
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
#pragma mark - Table view data source
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
return 1;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return 50;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
if (!cell) {
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
}
cell.textLabel.text = [NSString stringWithFormat:@"%d",(int)indexPath.row];
return cell;
}
#pragma mark - 上拉隱藏navigation bar
- (void)setupScrollHideNavigationBar {
// self.tableView.contentOffset
[self.tableView addObserver:self forKeyPath:@"contentOffset" options:NSKeyValueObservingOptionOld|NSKeyValueObservingOptionNew context:nil];
}
- (void)removeScrollHideNavigationBar {
//remove
[self.tableView removeObserver:self forKeyPath:@"contentOffset"];
}
#pragma mark KVO
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context {
if ([object isEqual:self.tableView] && [keyPath isEqualToString:@"contentOffset"]) {
CGFloat newY = [change[@"new"] CGPointValue].y;
CGFloat oldY = [change[@"old"] CGPointValue].y;
float i = newY - oldY; //i>0上滑, i<0下滑
if (self.tableView.contentOffset.y>-64&&self.tableView.contentOffset.y<=24) {//邊界條件,此處不精確
if (i<=0&&_isHidding == NO&&self.navigationController.navigationBar.frame.origin.y==20) { //下拉+bar 已經顯示的狀態,不再移動
return;
}
_isHidding = NO;
self.navigationController.navigationBar.frame = CGRectMake(0, -44-self.tableView.contentOffset.y, 320, 44);
}else if (self.tableView.contentOffset.y > 24) {
if (i>10) {//更改數值大小可以控制觸發 navigation bar 的滑動速度
_isHidding = YES;
}else if(i<-10) {
_isHidding = NO;
}else {
}
}
[self.navigationController setNavigationBarHidden:_isHidding animated:YES];
}
}
代碼很簡單就不詳解了,附上各種情況的判斷(上滑指手指上滑):
最終效果:
其他:當NavigationController 需要 push/pop ViewController 的時候注意需要取消KVO,否則在其他界面可能會出現 NavigationBar 隱藏的情況。
參考:
[1] iOS 實現ScrollView 上滑隱藏Navigationbar,下滑顯示
[2] 設置navigationbar和statusBar的顏色透明