iOS實(shí)現(xiàn)點(diǎn)擊狀態(tài)欄自動回到頂部效果詳解
前言
大家都知道實(shí)現(xiàn)狀態(tài)欄(statusBar)點(diǎn)擊自動回到頂部效果,旨在為用戶在瀏覽界面時提供便利,點(diǎn)擊狀態(tài)欄能夠快速回到界面頂部,所以主要針對可以滾動的UIScrollView和其子類UITableVIew和UICollectionView。
這里將從以下幾個方面實(shí)現(xiàn)該功能。
1.蘋果自帶功能
分析:
首先,蘋果自己已經(jīng)提供了該功能,往上滑動tabView,點(diǎn)擊statusBar,tableView會自動回到初始位置。如下圖所示,此時點(diǎn)擊statusBar,屏幕最上方顯示的將是第一個cell。在一個控制器上添加一個tabView,那么默認(rèn)點(diǎn)擊statusBar是可以自動回到頂部的。

既然蘋果已經(jīng)提供了該功能,我們直接拿來用就好了,干嘛還要自己實(shí)現(xiàn)呢?
其實(shí)不然,在一些情況下該功能是無效的。比如,在窗口上同時存在兩個或兩個以上UIScrollView或其子類時。例如,將上面的tabView先添加到一個scrollView上,然后再將該scrollView添加到控制器的View上,此時點(diǎn)擊statusBar,tabView不能自動回到頂部。
因?yàn)椋撔Ч欠裼行?,與 scrollsToTop屬性相關(guān)。查看官方文檔,以下幾點(diǎn)值得注意:
1.默認(rèn)情況下scrollsToTop是為YES的,只有當(dāng)該屬性為YES時,點(diǎn)擊statusBar才有效。
2.該效果是讓距離statusBar最近的ScrollView自動回到頂部
3.在iPhone屏幕上方,當(dāng)存在多個ScrollView(或其子類),如果scrollsToTop= YES 的ScrollView超過一個,所有ScrollView都不會響應(yīng)statusBar的點(diǎn)擊。
小結(jié):
從上面分析我們可以得出結(jié)論:我們必須保證窗口上scrollsToTop == YES的ScrollView(及其子類)同一時間內(nèi)有且只有一個。這一樣才能保證點(diǎn)擊statusBar,該唯一存在的ScrollView能自動回到頂部。
如何保證蘋果自帶的該功能一直好使呢?
解決辦法:我們希望回到頂部的ScrollView的scrollsToTop =YES,其他scrollsToTop = NO。
有時,為了滿足某種需求,我們在一個scrollView上面會添加多個TabView,實(shí)現(xiàn)上下滑動顯示cell的不同內(nèi)容,左右滑動可以切換不同的tabView,這時點(diǎn)擊statusBar是沒有效果的。因?yàn)樗械?code>scrollView的scrollsToTop =YES。要想展示每個TableView時,點(diǎn)擊statusBar都有效,必須讓除了展示在最上面的TabView以外的所有的ScrollView的scrollsToTop =NO。這就需要去判斷,到底顯示的是哪一個TabView。
參考代碼如下:
1.讓最下面的scrollView,scrollsToTop =NO。其他TableView都是該scrollView的子類。
2.遍歷判斷
// 控制scrollView的scrollsToTop屬性
for (NSInteger i = 0; i < self.childViewControllers.count; i++) {
UIViewController *childVc = self.childViewControllers[i];
// 如果控制器的view沒有被創(chuàng)建,跳過
if (!childVc.isViewLoaded) continue;
// 如果控制器的view不是scrollView,就跳過
if (![childVc.view isKindOfClass:[UIScrollView class]]) continue;
// 如果控制器的view是scrollView
UIScrollView *scrollView = (UIScrollView *)childVc.view;
scrollView.scrollsToTop = (i == index);
}
2.自己實(shí)現(xiàn)
在statusBar的區(qū)域添加一個遮蓋,監(jiān)聽遮蓋的點(diǎn)擊事件。
UIView
首先我們想到用UIView來做這個遮蓋。但是,在這里我們使用UIView是著不住statusBar的,UIView會一直在statusBar的下面,所以不能接收點(diǎn)擊事件。因?yàn)?code>statusBar其實(shí)是一個UIWindow,且優(yōu)先級高于下面的keyWindow。所以,添加的UIView會在statusBar的下面。

UIWindow
由于優(yōu)先級的關(guān)系,我們可以用一個UIWindow來做遮蓋,設(shè)置遮蓋window的優(yōu)先級高于statusBar即可。當(dāng)然,設(shè)置最高優(yōu)先級(UIWindowLevelAlert)肯定是可以的。然后給遮蓋Window添加一個點(diǎn)擊事件,背景色設(shè)置透明即可。

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
UIWindow * coverWindow =[[UIWindow alloc]initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 20)];
self.coverWindow = coverWindow;
coverWindow.hidden = NO;
coverWindow.backgroundColor = [UIColor redColor];
coverWindow.windowLevel = UIWindowLevelAlert;
//添加手勢
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(coverWindowClick)];
[self.coverWindow addGestureRecognizer:tap];
});
- (void)coverWindowClick {
[UIView animateWithDuration:0.5 animations:^{
self.tableView.contentOffset = CGPointMake(0, 0);
}];
}
AppDelegate中直接監(jiān)聽statusBar的點(diǎn)擊
在AppDelegate中實(shí)現(xiàn)touchesBegan:方法
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
if ([touches.anyObject locationInView:nil].y > 20) return;
[[NSNotificationCenter defaultCenter]postNotificationName:@"click" object:nil];
}
接收通知,修改tabView的contentOffset
- (void)coverWindowClick {
[UIView animateWithDuration:0.5 animations:^{
self.tableView.contentOffset = CGPointMake(0, 0);
}];
}
總結(jié)
以上就是這篇文章的全部內(nèi)容,希望對大家開發(fā)IOS能有所幫助,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關(guān)文章
Reactnative-iOS回調(diào)Javascript的方法
這篇文章主要介紹了Reactnative-iOS回調(diào)Javascript的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
iOS開發(fā)之(APNS)遠(yuǎn)程推送實(shí)現(xiàn)代碼 附證書與真機(jī)調(diào)試
這篇文章主要為大家詳細(xì)介紹了iOS開發(fā)之(APNS)遠(yuǎn)程推送實(shí)現(xiàn)代碼,附證書與真機(jī)調(diào)試,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-09-09

