当前位置：首页 > 资讯 > 技术文档

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

时间：2022-12-03 10:30 编辑：来源：阅读：
扫一扫，手机访问

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

[b]前言[/b] 大家都知道实现状态栏（statusBar）点击自动回到顶部效果，旨在为用户在浏览界面时提供便利，点击状态栏能够快速回到界面顶部，所以主要针对可以滚动的[code]UIScrollView[/code]和其子类[code]UITableVIew[/code]和[code]UICollectionView[/code]。这里将从以下几个方面实现该功能。 [b]1.苹果自带功能 [/b] 分析：首先，苹果自己已经提供了该功能，往上滑动[code]tabView[/code],点击[code]statusBar[/code]，[code]tableView[/code]会自动回到初始位置。如下图所示，此时点击[code]statusBar[/code]，屏幕最上方显示的将是第一个[code]cell[/code]。在一个控制器上添加一个[code]tabView[/code]，那么默认点击[code]statusBar[/code]是可以自动回到顶部的。 [img]http://files.jb51.net/file_images/article/201609/20169690741178.png?2016869754[/img] 既然苹果已经提供了该功能，我们直接拿来用就好了，干嘛还要自己实现呢？其实不然，在一些情况下该功能是无效的。比如，在窗口上同时存在两个或两个以上[code]UIScrollView[/code]或其子类时。例如，将上面的[code]tabView[/code]先添加到一个[code]scrollView[/code]上，然后再将该[code]scrollView[/code]添加到控制器的[code]View[/code]上，此时点击[code]statusBar[/code]，tabView不能自动回到顶部。因为，该效果是否有效，与 [code]scrollsToTop[/code]属性相关。查看官方文档，以下几点值得注意： 1.默认情况下[code]scrollsToTop[/code]是为YES的，只有当该属性为YES时，点击[code]statusBar[/code]才有效。 2.该效果是让距离[code]statusBar[/code]最近的[code]ScrollView[/code]自动回到顶部 3.在iPhone屏幕上方，当存在多个[code]ScrollView[/code]（或其子类），如果[code]scrollsToTop= YES [/code]的[code]ScrollView[/code]超过一个，所有[code]ScrollView[/code]都不会响应[code]statusBar[/code]的点击。 [b]小结：[/b] 从上面分析我们可以得出结论：我们必须保证窗口上[code]scrollsToTop == YES[/code]的[code]ScrollView[/code]（及其子类）同一时间内有且只有一个。这一样才能保证点击statusBar，该唯一存在的[code]ScrollView[/code]能自动回到顶部。如何保证苹果自带的该功能一直好使呢？ [b]解决办法：[/b]我们希望回到顶部的[code]ScrollView[/code]的[code]scrollsToTop =YES[/code]，其他[code]scrollsToTop = NO[/code]。有时，为了满足某种需求，我们在一个[code]scrollView[/code]上面会添加多个[code]TabView[/code]，实现上下滑动显示[code]cell[/code]的不同内容，左右滑动可以切换不同的[code]tabView[/code]，这时点击[code]statusBar[/code]是没有效果的。因为所有的[code]scrollView[/code]的[code]scrollsToTop =YES[/code]。要想展示每个[code]TableView[/code]时，点击[code]statusBar[/code]都有效，必须让除了展示在最上面的[code]TabView[/code]以外的所有的[code]ScrollView[/code]的[code]scrollsToTop =NO[/code]。这就需要去判断，到底显示的是哪一个[code]TabView[/code]。 [b]参考代码如下：[/b] 1.让最下面的[code]scrollView[/code]，[code]scrollsToTop =NO[/code]。其他[code]TableView[/code]都是该[code]scrollView[/code]的子类。 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);
 }

[b]2.自己实现 [/b] 在[code]statusBar[/code]的区域添加一个遮盖，监听遮盖的点击事件。 [b]UIView[/b] 首先我们想到用[code]UIView[/code]来做这个遮盖。但是，在这里我们使用[code]UIView[/code]是着不住[code]statusBar[/code]的，[code]UIView[/code]会一直在[code]statusBar[/code]的下面，所以不能接收点击事件。因为[code]statusBar[/code]其实是一个[code]UIWindow[/code]，且优先级高于下面的[code]keyWindow[/code]。所以，添加的[code]UIView[/code]会在[code]statusBar[/code]的下面。 [b][img]http://files.jb51.net/file_images/article/201609/20169691228080.png?20168691236[/img] [/b] [b]UIWindow[/b] 由于优先级的关系，我们可以用一个[code]UIWindow[/code]来做遮盖，设置遮盖[code]window[/code]的优先级高于[code]statusBar[/code]即可。当然，设置最高优先级（[code]UIWindowLevelAlert[/code]）肯定是可以的。然后给遮盖[code]Window[/code]添加一个点击事件,背景色设置透明即可。 [img]http://files.jb51.net/file_images/article/201609/20169691303902.png?20168691315[/img]

 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);
 }];
}

[b]AppDelegate中直接监听statusBar的点击[/b] 在[code]AppDelegate[/code]中实现[code]touchesBegan:[/code]方法

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
  if ([touches.anyObject locationInView:nil].y > 20) return;
 [[NSNotificationCenter defaultCenter]postNotificationName:@"click" object:nil];

}

接收通知，修改[code]tabView[/code]的[code]contentOffset[/code]

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

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

[b]总结[/b] 以上就是这篇文章的全部内容，希望对大家开发IOS能有所帮助，如果有疑问大家可以留言交流，谢谢大家对编程素材网的支持。

全部评论(0)

上一篇：LRecyclerView侧滑iOS阻塞效果不完整的解决办法
下一篇：iOS中Xcode 8 日志输出乱码问题的解决方法

资讯排行榜
更多>>