版本记录
| 版本号 | 时间 |
|---|---|
| V1.0 | 2017.12.10 |
前言
无论是初学者还是资深的ios开发工程师，相信对视图的
layoutSubviews方法都不陌生，这个方法很好用，但是前提是要对其调用机制和时机非常的了解，要不就可能产生很诡异的视图显示问题。接下来我们就一起研究一下该方法的调用时机，希望对大家有所帮助。
方法的调用时机
下面我们就一起来看一下layoutSubviews方法的调用时机。
1. alloc - init方法
下面我们看一下在实力化视图的alloc - init方法掉用后会不会接着调用视图layoutSubviews方法。
下面我们看一下代码。
1. ViewController.m
#import "ViewController.h"
#import "JJTestViewOne.h"
@interface ViewController ()
@end
@implementation ViewController
#pragma mark - Override Base Function
- (void)viewDidLoad
{
[super viewDidLoad];
JJTestViewOne *viewOne = [[JJTestViewOne alloc] init];
[self.view addSubview:viewOne];
}
@end
2. JJTestViewOne.m
#import "JJTestViewOne.h"
@implementation JJTestViewOne
#pragma mark - Override Base Function
- (void)layoutSubviews
{
NSLog(@"layoutSubviews被调用了");
}
@end
下面看输出结果
2017-12-10 09:58:29.674737+0800 JJLayoutSubviews[1351:27183] layoutSubviews被调用了
可见，alloc - init进行实例化的时候系统是会调用layoutSubviews方法的。
我查阅了网上资料，发现有个博客是14年写的，说是调用alloc - init进行实例化不会去调用layoutSubviews方法，但是从上面可以看出来，确实是调用了，不知道是视图的调用机制改变了，还是那位博主写错了，不管一切我们还是以实际测试和代码输出为准，毕竟代码是不会骗人的。
这里还有一个小点，需要注意，我刚才测试实例化的代码时这么写的。
JJTestViewOne *viewOne = [[JJTestViewOne alloc] init];
[self.view addSubview:viewOne];
但是如果像下面这么写
JJTestViewOne *viewOne = [[JJTestViewOne alloc] initWithFrame:self.view.bounds];
[self.view addSubview:viewOne];
视图中也重写一个父类方法
- (instancetype)initWithFrame:(CGRect)frame
{
if (self = [super initWithFrame:frame]) {
NSLog(@"initWithFrame");
}
return self;
}
这时候就会发现系统调用layoutSubviews方法一共调用了两次，看一下输出结果。
2017-12-10 10:08:39.627853+0800 JJLayoutSubviews[1471:33931] initWithFrame
2017-12-10 10:08:43.211734+0800 JJLayoutSubviews[1471:33931] layoutSubviews被调用了
2017-12-10 10:08:43.211992+0800 JJLayoutSubviews[1471:33931] layoutSubviews被调用了
2. addSubview添加子视图时
这个大家应该没什么疑问，添加子视图系统就会调用视图layoutSubviews方法。
我先添加一个子视图，如下代码。
#import "JJTestViewOne.h"
@implementation JJTestViewOne
#pragma mark - Override Base Function
- (instancetype)initWithFrame:(CGRect)frame
{
if (self = [super initWithFrame:frame]) {
NSLog(@"initWithFrame");
[self initUI];
}
return self;
}
- (void)layoutSubviews
{
NSLog(@"layoutSubviews被调用了");
}
#pragma mark - Object Private Function
- (void)initUI
{
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(100.0, 200.0, 100.0, 100.0)];
view.backgroundColor = [UIColor yellowColor];
[self addSubview:view];
}
@end
下面看输出结果
2017-12-10 10:19:07.053563+0800 JJLayoutSubviews[1554:39775] initWithFrame
2017-12-10 10:19:16.117887+0800 JJLayoutSubviews[1554:39775] layoutSubviews被调用了
2017-12-10 10:19:17.266040+0800 JJLayoutSubviews[1554:39775] layoutSubviews被调用了
通过单步调试，可以发现添加子视图[self addSubview:view]，确实系统要调用layoutSubviews方法。
3. 更改view的Frame
我下面在VC中touchesBegan方法中进行修改子view的frame方法，如下所示。
#import "ViewController.h"
#import "JJTestViewOne.h"
@interface ViewController ()
@property (nonatomic, strong) JJTestViewOne *viewOne;
@end
@implementation ViewController
#pragma mark - Override Base Function
- (void)viewDidLoad
{
[super viewDidLoad];
self.viewOne = [[JJTestViewOne alloc] initWithFrame:self.view.bounds];
self.viewOne.backgroundColor = [UIColor yellowColor];
[self.view addSubview:self.viewOne];
}
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
self.viewOne.frame = CGRectMake(100.0, 200.0, 100.0, 100.0);
}
@end
下面看输出
2017-12-10 10:28:44.692919+0800 JJLayoutSubviews[1794:49520] initWithFrame
2017-12-10 10:28:44.696648+0800 JJLayoutSubviews[1794:49520] layoutSubviews被调用了
2017-12-10 10:28:44.696796+0800 JJLayoutSubviews[1794:49520] layoutSubviews被调用了
2017-12-10 10:28:47.146150+0800 JJLayoutSubviews[1794:49520] layoutSubviews被调用了
这里最后一条数据就是touch屏幕后的输出数据，说明改变子视图的frame系统会调用视图的layoutSubviews方法。
2017-12-10 10:28:47.146150+0800 JJLayoutSubviews[1794:49520] layoutSubviews被调用了
这里需要注意，只有设置后的frame与之前相比发生了变化，系统才会去调用layoutSubviews方法。下面我们测试一下。
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
// self.viewOne.frame = CGRectMake(100.0, 200.0, 100.0, 100.0);
self.viewOne.frame = self.view.bounds;
}
下面看输出结果
2017-12-10 10:46:14.744995+0800 JJLayoutSubviews[1884:57040] initWithFrame
2017-12-10 10:46:14.748756+0800 JJLayoutSubviews[1884:57040] layoutSubviews被调用了
2017-12-10 10:46:14.748901+0800 JJLayoutSubviews[1884:57040] layoutSubviews被调用了
这里我重新设置一下视图的frame，self.viewOne.frame = self.view.bounds;，相当于frame没有变化，系统就不会调用layoutSubviews方法了。
4. 改变子视图的大小触发父视图上的layoutSubviews方法
下面还是直接看代码。
#import "JJTestViewOne.h"
@interface JJTestViewOne()
@property (nonatomic, strong) UIView *subView;
@end
@implementation JJTestViewOne
#pragma mark - Override Base Function
- (instancetype)initWithFrame:(CGRect)frame
{
if (self = [super initWithFrame:frame]) {
NSLog(@"initWithFrame");
[self initUI];
UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(viewDidTapped)];
[self addGestureRecognizer:tapGesture];
}
return self;
}
- (void)layoutSubviews
{
NSLog(@"layoutSubviews被调用了");
}
#pragma mark - Object Private Function
- (void)initUI
{
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(100.0, 200.0, 100.0, 100.0)];
view.backgroundColor = [UIColor redColor];
[self addSubview:view];
self.subView = view;
}
#pragma mark - Action && Notification
- (void)viewDidTapped
{
self.subView.frame = CGRectMake(100.0, 200.0, 300.0, 300.0);
}
@end
看输出结果
2017-12-10 10:53:35.650724+0800 JJLayoutSubviews[1914:60739] initWithFrame
2017-12-10 10:53:35.654739+0800 JJLayoutSubviews[1914:60739] layoutSubviews被调用了
2017-12-10 10:53:35.654941+0800 JJLayoutSubviews[1914:60739] layoutSubviews被调用了
2017-12-10 10:55:38.448257+0800 JJLayoutSubviews[1914:60739] layoutSubviews被调用了
这里在响应手势方法里面，执行代码self.subView.frame = CGRectMake(100.0, 200.0, 300.0, 300.0);，改变了子视图的frame，就会发现父视图的layoutSubviews调用了。
5. scrollview等滚动视图滚动时调用
下面我们就看一下滚动视图在滚动时候进行调用layoutSubviews方法的情况。
下面还是直接看代码。
- (void)initUI
{
UIScrollView *view = [[UIScrollView alloc] initWithFrame:self.bounds];
view.backgroundColor = [UIColor magentaColor];
view.contentSize = CGSizeMake(self.bounds.size.width, self.bounds.size.height * 10);
[self addSubview:view];
}
下面看输出结果
2017-12-10 11:12:48.550635+0800 JJLayoutSubviews[2007:71395] initWithFrame
2017-12-10 11:14:01.519347+0800 JJLayoutSubviews[2007:71395] layoutSubviews被调用了
2017-12-10 11:14:01.520385+0800 JJLayoutSubviews[2007:71395] layoutSubviews被调用了
从这里可以看见，滚动子视图的scrollView是不会调用其所在的父视图的layoutSubviews方法的。
6. 屏幕旋转
下面我们就看一下旋转屏幕的情况，运行在真机并进行横竖屏切换并查看输出结果。
下面看输出结果
2017-12-10 13:16:27.955418+0800 JJLayoutSubviews[14428:1263114] initWithFrame
2017-12-10 13:16:27.959850+0800 JJLayoutSubviews[14428:1263114] layoutSubviews被调用了
2017-12-10 13:16:27.959937+0800 JJLayoutSubviews[14428:1263114] layoutSubviews被调用了
2017-12-10 13:16:30.511200+0800 JJLayoutSubviews[14428:1263114] layoutSubviews被调用了
最后面，2017-12-10 13:16:30.511200+0800 JJLayoutSubviews[14428:1263114] layoutSubviews被调用了就是旋转屏幕调用的，也就是说旋转屏幕会调用视图layoutSubviews方法。
7. setNeedsLayout
我们知道这个方法，setNeedsLayout，这个可以对视图进行标记，标记为需要布局更新，但是不会立即更新，而是会等待下一个运行循环才会去更新。
setNeedsLayout方法： 标记为需要重新布局，异步调用layoutIfNeeded刷新布局，不立即刷新，但layoutSubviews一定会被调用layoutIfNeeded方法：如果，有需要刷新的标记，立即调用layoutSubviews进行布局（如果没有标记，不会调用layoutSubviews）
如果要立即刷新，要先调用[view setNeedsLayout]，把标记设为需要布局，然后马上调用[view layoutIfNeeded]，实现布局
在视图第一次显示之前，标记总是“需要刷新”的，可以直接调用[view layoutIfNeeded]。
下面看一下代码，在点击事件中添加代码。
- (void)viewDidTapped
{
[self setNeedsLayout];
[self layoutIfNeeded];
}
下面看输出结果
2017-12-10 13:27:57.545089+0800 JJLayoutSubviews[14440:1266773] initWithFrame
2017-12-10 13:27:57.550090+0800 JJLayoutSubviews[14440:1266773] layoutSubviews被调用了
2017-12-10 13:28:01.546769+0800 JJLayoutSubviews[14440:1266773] layoutSubviews被调用了
2017-12-10 13:28:02.362688+0800 JJLayoutSubviews[14440:1266773] layoutSubviews被调用了
2017-12-10 13:28:02.897325+0800 JJLayoutSubviews[14440:1266773] layoutSubviews被调用了
后面几条就是点击屏幕打印出来的，说明，setNeedsLayout对视图进行标记并layoutIfNeeded执行视图layoutSubviews方法。
后记
未完，待续~~~
