IOS實(shí)現(xiàn)上滑隱藏NvaigtionBar而下拉則顯示效果
更新時(shí)間：2016年09月01日 14:42:37 投稿：daisy
這篇文章給大家介紹了如何實(shí)現(xiàn)APP上滑時(shí)隱藏navigationBar而下拉則又會(huì)顯示,雖然也是隱藏但是效果和其他完全不一樣，因?yàn)橐郧皼]做過所以試著去實(shí)現(xiàn)一下，現(xiàn)在分享給大家，有需要的可以參考借鑒。
先看看原APP的效果
實(shí)現(xiàn)過程
主要是給view中的滾動(dòng)視圖添加一個(gè)KVO來監(jiān)視它的滑動(dòng)，再根據(jù)它的offset來做一下操作，下面是代碼
[myTableView addObserver:self forKeyPath:@"contentOffset" options:NSKeyValueObservingOptionOld|NSKeyValueObservingOptionNew context:nil];
獲取tableView的 contentOffset 之后再根據(jù)具體需求來實(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來滑動(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)起來確實(shí)沒有什么難度，寫這個(gè)主要是給大家看一下我的實(shí)現(xiàn)過程與思路，希望可以幫到大家。如果有疑問可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
iOS中UILabel實(shí)現(xiàn)長按復(fù)制功能實(shí)例代碼
在iOS開發(fā)過程中，有時(shí)候會(huì)用到UILabel展示的內(nèi)容，那么就設(shè)計(jì)到點(diǎn)擊UILabel復(fù)制它上面展示的內(nèi)容的功能，也就是Label長按復(fù)制功能，下面這篇文章主要給大家介紹了關(guān)于在iOS中UILabel實(shí)現(xiàn)長按復(fù)制功能的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-10-10
Android NavigationController 右滑手勢詳解
目前蘋果手機(jī)在人機(jī)交互中盡力做到極致，在ios7中，新增了一個(gè)小小功能，用戶不用點(diǎn)擊右上角的返回按鈕，在屏幕左邊一滑，就會(huì)返回。下面給大家詳解Android NavigationController 右滑手勢，需要的朋友可以參考下2015-08-08
iOS UICollectionView實(shí)現(xiàn)橫向滑動(dòng)
這篇文章主要為大家詳細(xì)介紹了iOS UICollectionView實(shí)現(xiàn)橫向滑動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
iOS粒子路徑移動(dòng)效果 iOS實(shí)現(xiàn)QQ拖動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了iOS粒子路徑移動(dòng)效果，iOS實(shí)現(xiàn)QQ拖動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
詳解iOS14 Widget 開發(fā)相關(guān)及易報(bào)錯(cuò)地方處理
這篇文章主要介紹了詳解iOS14 Widget 開發(fā)相關(guān)及易報(bào)錯(cuò)地方處理，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
本篇文章介紹了iOS開發(fā)之手勢gesture，現(xiàn)在分享給大家，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-11-11
這篇文章主要為大家介紹了iOS開發(fā)自定義頁腳和頁眉的技巧示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
iOS開發(fā)中實(shí)現(xiàn)一個(gè)簡單的圖片瀏覽器的實(shí)例講解
這篇文章主要介紹了iOS開發(fā)中實(shí)現(xiàn)一個(gè)簡單的圖片瀏覽器的實(shí)例講解,代碼基礎(chǔ)傳統(tǒng)的Objective-C，需要的朋友可以參考下2016-01-01
iOS中關(guān)于UIWindow和statusbar的設(shè)置問題
最近在做開發(fā)時(shí)要做一個(gè)類似于UIAlertView的控件，做法是創(chuàng)建一個(gè)基于UIView的類，在里面進(jìn)行自定義控件的設(shè)置，為了盡量模仿UIAlertView，在這個(gè)類里面創(chuàng)建了一個(gè)新的UIWindow并將self顯示到這個(gè)window上2017-03-03
這篇文章主要介紹了iOS中仿QQ側(cè)滑菜單功能,在實(shí)現(xiàn)此功能之前，需要先了解UITabBarController的層級(jí)結(jié)構(gòu)，具體實(shí)現(xiàn)思路大家可以參考下本文2017-07-07