iOS实现点击状态栏自动回到顶部效果详解
前言
大家都知道实现状态栏(statusbar)点击自动回到顶部效果,旨在为用户在浏览界面时提供便利,点击状态栏能够快速回到界面顶部,所以主要针对可以滚动的uiscrollview
和其子类uitableview
和uicollectionview
。
这里将从以下几个方面实现该功能。
1.苹果自带功能
分析:
首先,苹果自己已经提供了该功能,往上滑动tabview
,点击statusbar
,tableview
会自动回到初始位置。如下图所示,此时点击statusbar
,屏幕最上方显示的将是第一个cell
。在一个控制器上添加一个tabview
,那么默认点击statusbar
是可以自动回到顶部的。
既然苹果已经提供了该功能,我们直接拿来用就好了,干嘛还要自己实现呢?
其实不然,在一些情况下该功能是无效的。比如,在窗口上同时存在两个或两个以上uiscrollview
或其子类时。例如,将上面的tabview
先添加到一个scrollview
上,然后再将该scrollview
添加到控制器的view
上,此时点击statusbar
,tabview不能自动回到顶部。
因为,该效果是否有效,与 scrollstotop
属性相关。查看官方文档,以下几点值得注意:
1.默认情况下scrollstotop
是为yes的,只有当该属性为yes时,点击statusbar
才有效。
2.该效果是让距离statusbar
最近的scrollview
自动回到顶部
3.在iphone屏幕上方,当存在多个scrollview
(或其子类),如果scrollstotop= yes
的scrollview
超过一个,所有scrollview
都不会响应statusbar
的点击。
小结:
从上面分析我们可以得出结论:我们必须保证窗口上scrollstotop == yes
的scrollview
(及其子类)同一时间内有且只有一个。这一样才能保证点击statusbar,该唯一存在的scrollview
能自动回到顶部。
如何保证苹果自带的该功能一直好使呢?
解决办法:我们希望回到顶部的scrollview
的scrollstotop =yes
,其他scrollstotop = no
。
有时,为了满足某种需求,我们在一个scrollview
上面会添加多个tabview
,实现上下滑动显示cell
的不同内容,左右滑动可以切换不同的tabview
,这时点击statusbar
是没有效果的。因为所有的scrollview
的scrollstotop =yes
。要想展示每个tableview
时,点击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没有被创建,跳过 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.自己实现
在statusbar
的区域添加一个遮盖,监听遮盖的点击事件。
uiview
首先我们想到用uiview
来做这个遮盖。但是,在这里我们使用uiview
是着不住statusbar
的,uiview
会一直在statusbar
的下面,所以不能接收点击事件。因为statusbar
其实是一个uiwindow
,且优先级高于下面的keywindow
。所以,添加的uiview
会在statusbar
的下面。
uiwindow
由于优先级的关系,我们可以用一个uiwindow
来做遮盖,设置遮盖window
的优先级高于statusbar
即可。当然,设置最高优先级(uiwindowlevelalert
)肯定是可以的。然后给遮盖window
添加一个点击事件,背景色设置透明即可。
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中直接监听statusbar的点击
在appdelegate
中实现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); }]; }
总结
以上就是这篇文章的全部内容,希望对大家开发ios能有所帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。