源码地址:https://github.com/chenfanfang/CollectionsOfExample
下面先附上一张gif效果图来说明下这篇博客的主要目的
点击statusBar滚动到顶部的效果.gif在很多app中,只要点击屏幕顶部的statusBar(状态栏)后,对应的UITableView就会自动滚动到最顶部。可能这个功能点经常会被大家给忽略掉,只有当碰到产品的需求的时候才发现这个功能点。
其实iOS是自带 点击状态栏后UIScrollView滚动到最顶部的功能的。前提是:当前的控制器,必须只有一个UIScrollView(注:UITalbeView等继承于UIScrollView的控件都属于UIScrollView).
若当前的控制器不止只有一个ScrollView的时候,这个自带功能就会失效。比如下面的情况:
(注:在demo中:https://github.com/chenfanfang/CollectionsOfExample 有所有情况的效果,大家可以下载查看。)
很多新闻客户端也是这样的情况、可以左右滑动。说明一个控制器里有一个UIScrollView来存放多个UITableView
上面的几张图片都举例了一个控制器有多个UIScrollView的情况,这种情况下,若点击头部的statusBar后,Uiscrollview就不会自动滚动到到顶部,因为系统不知道你到底要将哪个UIScrollView滚动到顶部。 在这种情况下如果要实现点击状态栏自动将UIScrollView滚动到顶部,就需要我们自己处理了。
下面先讲解下思路
-
创建一个UIWindow,背景颜色设置成透明色,frame设置成statusBar的frame,覆盖掉statusBar。
-
给这个window添加一个点击的手势,点击这个window就遍历keyWindow中所有的子控件,取出当前显示在眼前的UIScrollView,将其滑动到顶部
下面附上代码.代码中有详细的注释,若有不明白之处,请评论留言
.h文件
//
// FFClickStatusBarScrollToTopManager.h
// CollectionsOfExample
//
// Created by mac on 16/8/9.
// Copyright © 2016年 chenfanfang. All rights reserved.
//
#import <Foundation/Foundation.h>
/**
* 只要点击头部的状态栏,当前显示在眼前的scrollView就会移动到最初的位置
*/
@interface FFClickStatusBarScrollToTopManager : NSObject
/** 开始生效 */
+ (void)becomeEffective;
/** 失效 */
+ (void)disabled;
@end
.m文件
//
// FFClickStatusBarScrollToTopManager.m
// CollectionsOfExample
//
// Created by mac on 16/8/9.
// Copyright © 2016年 chenfanfang. All rights reserved.
//
#import "FFClickStatusBarScrollToTopManager.h"
@implementation FFClickStatusBarScrollToTopManager
static UIWindow *statusBarWindow;
+ (void)becomeEffective {
if (statusBarWindow == nil) {
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
statusBarWindow = [[UIWindow alloc] init];
statusBarWindow.frame = [UIApplication sharedApplication].statusBarFrame;
statusBarWindow.backgroundColor = [UIColor clearColor];
statusBarWindow.windowLevel = UIWindowLevelAlert;
[statusBarWindow addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(topWindowClick)]];
statusBarWindow.hidden = NO;
/*
UIWindowLevelAlert > UIWindowLevelStatusBar > UIWindowLevelNormal
1.级别越高的window,显示在越上面(越顶部)
2.级别一样,后面创建显示的窗口会显示在上面
*/
});
}
else {
statusBarWindow.hidden = NO;
}
}
+ (void)disabled {
statusBarWindow.hidden = YES;
}
+ (void)topWindowClick {
// 用递归的思想找到所有的UIScrollView
UIWindow *keyWindow = [UIApplication sharedApplication].keyWindow;
[self searchAllScrollViewsInView:keyWindow];
}
/**
* 找到view里面的所有UIScrollView
*/
+ (void)searchAllScrollViewsInView:(UIView *)view {
// 这个for循环可以保证所有子控件都能传进来
for (UIView *subview in view.subviews) {
[self searchAllScrollViewsInView:subview];
}
// 如果不是UIScrollView,直接返回
if (![view isKindOfClass:[UIScrollView class]]) return;
//如果是scrollView则进行如下的处理
UIScrollView *scrollView = (UIScrollView *)view;
CGRect scrollViewRect = [scrollView convertRect:scrollView.bounds toView:nil];
CGRect keyWindowRect = [UIApplication sharedApplication].keyWindow.bounds;
// 如果scrollView的矩形框 跟 keywindow 没有重叠,直接返回
if (!CGRectIntersectsRect(scrollViewRect, keyWindowRect)) return;
// 若scrollView与keyWindow重叠让UIScrollView滚动到最前面
[scrollView scrollRectToVisible:CGRectMake(0, 0, 1, 1) animated:YES];
}
@end
如何使用
//在appDelegate里调用如下的方法
[FFClickStatusBarScrollToTopManager becomeEffective];
若某个界面要取消这个效果,执行如下代码
[FFClickStatusBarScrollToTopManager disabled];
大家可以自己创建一个类,将上面的代码赋值进去。或者下载demo直接将如下的两个文件拖到自己项目中即可
Snip20160809_6.png
网友评论