美文网首页IOS开发者学习笔记iOS 源码解析
视图layoutSubviews方法调用时机研究

视图layoutSubviews方法调用时机研究

作者: 刀客传奇 | 来源:发表于2017-12-10 13:48 被阅读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方法。

    后记

    未完,待续~~~

    相关文章

      网友评论

      • coderhlt:修改子view的frame,改变x,y不会调用。只有改变size才会被调用

      本文标题:视图layoutSubviews方法调用时机研究

      本文链接:https://www.haomeiwen.com/subject/bgpmixtx.html