视图layoutSubviews方法调用时机研究

2017-12-10 本文已影响76人刀客传奇

版本记录

版本号	时间
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方法。

后记

未完，待续~~~

视图layoutSubviews方法调用时机研究

版本记录

前言

方法的调用时机

1. alloc - init方法

2. addSubview添加子视图时

3. 更改view的Frame

4. 改变子视图的大小触发父视图上的layoutSubviews方法

5. scrollview等滚动视图滚动时调用

6. 屏幕旋转

7. setNeedsLayout

后记

猜你喜欢

热点阅读