iOS实现点击状态栏自动回到顶部效果详解

 更新时间:2016年09月06日 09:17:13   作者:鲲鹏DP  
在IOS开发过程中,经常会有这种需求,需要通过点击状态栏返回到顶部,给用户更好的体验效果,下面这篇文章给大家详细介绍了实现过程,有需要的可以参考借鉴。

前言

大家都知道实现状态栏(statusBar)点击自动回到顶部效果,旨在为用户在浏览界面时提供便利,点击状态栏能够快速回到界面顶部,所以主要针对可以滚动的UIScrollView和其子类UITableVIewUICollectionView

这里将从以下几个方面实现该功能。

1.苹果自带功能

分析:

首先,苹果自己已经提供了该功能,往上滑动tabView,点击statusBartableView会自动回到初始位置。如下图所示,此时点击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 == YESScrollView(及其子类)同一时间内有且只有一个。这一样才能保证点击statusBar,该唯一存在的ScrollView能自动回到顶部。

如何保证苹果自带的该功能一直好使呢?

解决办法:我们希望回到顶部的ScrollViewscrollsToTop =YES,其他scrollsToTop = NO

有时,为了满足某种需求,我们在一个scrollView上面会添加多个TabView,实现上下滑动显示cell的不同内容,左右滑动可以切换不同的tabView,这时点击statusBar是没有效果的。因为所有的scrollViewscrollsToTop =YES。要想展示每个TableView时,点击statusBar都有效,必须让除了展示在最上面的TabView以外的所有的ScrollViewscrollsToTop =NO。这就需要去判断,到底显示的是哪一个TabView

参考代码如下:

1.让最下面的scrollViewscrollsToTop =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];

}

接收通知,修改tabViewcontentOffset

- (void)coverWindowClick {
 [UIView animateWithDuration:0.5 animations:^{

  self.tableView.contentOffset = CGPointMake(0, 0);
 }];
}

总结

以上就是这篇文章的全部内容,希望对大家开发IOS能有所帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • iOS 10自定义相机功能

    iOS 10自定义相机功能

    这篇文章主要为大家详细介绍了iOS 10自定义相机功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-04-04
  • IOS设置按钮为圆角的示例代码

    IOS设置按钮为圆角的示例代码

    这篇文章给大家分享了IOS按钮设置为圆角的方法,按钮的四个角都可随意设置为圆角,对大家开发IOS具有一定的参考借鉴价值。有需要的朋友们可以参考借鉴。
    2016-09-09
  • iOS Xcode汇编模式切换的方法介绍

    iOS Xcode汇编模式切换的方法介绍

    这篇文章主要给大家介绍了关于iOS Xcode汇编模式切换的相关资料,文中通过图文介绍的非常非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-06-06
  • Reactnative-iOS回调Javascript的方法

    Reactnative-iOS回调Javascript的方法

    这篇文章主要介绍了Reactnative-iOS回调Javascript的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • iOS设置可选择圆角方向的控件圆角

    iOS设置可选择圆角方向的控件圆角

    在iOS开发中会遇到设置控件圆角的效果,这篇文章就给大家分享了实现的方法,且可以选择圆角的方向,有需要的朋友们可以参考借鉴,下面来一起学习学习吧。
    2016-11-11
  • iOS如何扫描HEIF格式的二维码图片

    iOS如何扫描HEIF格式的二维码图片

    这篇文章主要告诉大家iOS如何扫描HEIF格式的二维码图片,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-03-03
  • iOS百度地图简单使用详解

    iOS百度地图简单使用详解

    百度地图的功能有很多,本篇文章主要介绍了iOS百度地图简单使用详解,具有一定的参考价值,有需要的可以了解一下。
    2016-11-11
  • iOS实现视频和图片的上传思路

    iOS实现视频和图片的上传思路

    这篇文章主要介绍了iOS实现视频和图片的上传思路,本文分步骤给大家介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • IOS 单击手势的添加实现代码

    IOS 单击手势的添加实现代码

    这篇文章主要介绍了IOS 单击手势的添加实现代码的相关资料,需要的朋友可以参考下
    2017-05-05
  • iOS开发之(APNS)远程推送实现代码 附证书与真机调试

    iOS开发之(APNS)远程推送实现代码 附证书与真机调试

    这篇文章主要为大家详细介绍了iOS开发之(APNS)远程推送实现代码,附证书与真机调试,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09

最新评论