狀態(tài)欄(statusBar)點(diǎn)擊自動(dòng)回到頂部效果需了,旨在為用戶在瀏覽界面時(shí)提供便利厌均,點(diǎn)擊狀態(tài)欄能夠快速回到界面頂部,所以主要針對(duì)可以滾動(dòng)的UIScrollView和其子類UITableVIew和UICollectionView耿战。這里將從以下幾個(gè)方面實(shí)現(xiàn)該功能秸脱。
1.蘋(píng)果自帶功能
分析:
-
首先落包,蘋(píng)果自己已經(jīng)提供了該功能,往上滑動(dòng)tabView,點(diǎn)擊statusBar摊唇,tableView會(huì)自動(dòng)回到初始位置咐蝇。如下圖所示,此時(shí)點(diǎn)擊statusBar遏片,屏幕最上方顯示的將是第一個(gè)cell嘹害。在一個(gè)控制器上添加一個(gè)tabView撮竿,那么默認(rèn)點(diǎn)擊statusBar是可以自動(dòng)回到頂部的吮便。
- 既然蘋(píng)果已經(jīng)提供了該功能,我們直接拿來(lái)用就好了幢踏,干嘛還要自己實(shí)現(xiàn)呢髓需?
- 其實(shí)不然,在一些情況下該功能是無(wú)效的房蝉。比如僚匆,在窗口上同時(shí)存在兩個(gè)或兩個(gè)以上UIScrollView或其子類時(shí)。例如搭幻,將上面的tabView先添加到一個(gè)scrollView上咧擂,然后再將該scrollView添加到控制器的View上,此時(shí)點(diǎn)擊statusBar檀蹋,tabView不能自動(dòng)回到頂部松申。
- 因?yàn)椋撔Ч欠裼行Вc scrollsToTop屬性相關(guān)贸桶。查看官方文檔舅逸,以下幾點(diǎn)值得注意:
- 1.默認(rèn)情況下scrollsToTop是為YES的,只有當(dāng)該屬性為YES時(shí)皇筛,點(diǎn)擊statusBar才有效琉历。
- 2.該效果是讓距離statusBar最近的ScrollView自動(dòng)回到頂部
- 3.在iPhone屏幕上方,當(dāng)存在多個(gè)ScrollView(或其子類)水醋,如果scrollsToTop= YES 的ScrollView超過(guò)一個(gè)旗笔,所有ScrollView都不會(huì)響應(yīng)statusBar的點(diǎn)擊。
When the user taps the status bar, the scroll view beneath the touch which is closest to the status bar will be scrolled to top, but only if its `scrollsToTop` property is YES, its delegate does not return NO from `shouldScrollViewScrollToTop`, and it is not already at the top.
On iPhone, we execute this gesture only if there's one on-screen scroll view with `scrollsToTop` == YES. If more than one is found, none will be scrolled.
小結(jié):
從上面分析我們可以得出結(jié)論:我們必須保證窗口上scrollsToTop == YES的ScrollView(及其子類)同一時(shí)間內(nèi)有且只有一個(gè)拄踪。這一樣才能保證點(diǎn)擊statusBar换团,該唯一存在的ScrollView能自動(dòng)回到頂部。
如何保證蘋(píng)果自帶的該功能一直好使呢宫蛆?
解決辦法:我們希望回到頂部的ScrollView的scrollsToTop =YES艘包,其他scrollsToTop = NO。
- 有時(shí)耀盗,為了滿足某種需求想虎,我們?cè)谝粋€(gè)scrollView上面會(huì)添加多個(gè)TabView,實(shí)現(xiàn)上下滑動(dòng)顯示cell的不同內(nèi)容叛拷,左右滑動(dòng)可以切換不同的tabView舌厨,這時(shí)點(diǎn)擊statusBar是沒(méi)有效果的。因?yàn)樗械膕crollView的scrollsToTop =YES忿薇。要想展示每個(gè)TableView時(shí)裙椭,點(diǎn)擊statusBar都有效,必須讓除了展示在最上面的TabView以外的所有的ScrollView的scrollsToTop =NO署浩。這就需要去判斷揉燃,到底顯示的是哪一個(gè)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沒(méi)有被創(chuàng)建,跳過(guò)
if (!childVc.isViewLoaded) continue;
// 如果控制器的view不是scrollView,就跳過(guò)
if (![childVc.view isKindOfClass:[UIScrollView class]]) continue;
// 如果控制器的view是scrollView
UIScrollView *scrollView = (UIScrollView *)childVc.view;
scrollView.scrollsToTop = (i == index);
}
2.自己實(shí)現(xiàn)
在statusBar的區(qū)域添加一個(gè)遮蓋弊攘,監(jiān)聽(tīng)遮蓋的點(diǎn)擊事件抢腐。
UIView
- 首先我們想到用UIView來(lái)做這個(gè)遮蓋。但是襟交,在這里我們使用UIView是著不住statusBar的迈倍,UIView會(huì)一直在statusBar的下面,所以不能接收點(diǎn)擊事件捣域。因?yàn)閟tatusBar其實(shí)是一個(gè)UIWindow啼染,且優(yōu)先級(jí)高于下面的keyWindow醋界。所以,添加的UIView會(huì)在statusBar的下面提完。
UIWindow
-
由于優(yōu)先級(jí)的關(guān)系形纺,我們可以用一個(gè)UIWindow來(lái)做遮蓋,設(shè)置遮蓋window的優(yōu)先級(jí)高于statusBar即可徒欣。當(dāng)然逐样,設(shè)置最高優(yōu)先級(jí)(UIWindowLevelAlert)肯定是可以的。然后給遮蓋Window添加一個(gè)點(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;
//添加手勢(shì)
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)聽(tīng)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);
}];
}