版本记录
版本号 | 时间 |
---|---|
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
方法。
后记
未完,待续~~~
网友评论