iOS开发笔记

IOS布局浅析

2019-03-13  本文已影响0人  我是繁星

理解Update Cycle摘自《[译] 揭秘 iOS 布局》

UPdate Cycle是当应用完成了你所有的事件处理代码之后回到主RunLoop时的时间点。正是在这个时间点上开始更新布局、显示和设置约束。如果你在处理事件的代码中请求修改了一个view,那么系统会把这个view标记为重画。接下来的Update cycle中,系统就会执行view的更改。用户交互和布局更新的延迟几乎不会被用户察觉到,IOS一般以60fps的速度展示动画,也就是一个周期大概是1/60s。这个更新过程很快,用户也很难察觉到。所以用户察觉不到UI中更新的延迟,但是由于处理事件和对应view重画中间存在着间隔,RunLoop中某时刻的view更新可能不是你想要的那样。如果你的代码中的某些设计依赖于当下的view内容或者布局,那么就有在过时view信息上操作的风险。

意思就是当我们代码更新view的布局的时候,界面上的UI并不会马上更新,而是会在下一次Update Cycle的时候更新。

layoutSubviews()

这个方法的作用其实就是通知当前的view你的布局发生变化了,你要重新布局你的subviews,该方法不要手动调用,系统会在需要调用的时候自动调用。如下几种情况会触发 layoutSubviews()


setNeedsLayout()

顾名思义需要设置布局,就是告诉系统这个视图需要更新布局,这个方法会立即返回,但是view会在下一次Update cycle中更新,调用视图们的layoutSubviews()


layoutIfNeeded()

layoutIfNeeded()不一定会触发view的layoutSubviews。系统会检测layoutSubviews的触发条件,如果符合条件,那么会立即触发layoutSubviews(),不会像setNeedsLayout()等待下一次Update cycle。如果不符合layoutSubviews的触发条件则不会触发。
这里可以解释自动布局在开始执行动画的时候为什么必须执行setNeedsLayout(),如果不添加setNeedsLayout()不会执行动画。
如下代码的结果是2s之后无动画。

    self.viewOne = [[TestViewOne alloc] initWithFrame:CGRectZero];
    self.viewOne.backgroundColor = UIColor.redColor;
    [self.view addSubview:self.viewOne];
    [self.viewOne mas_makeConstraints:^(MASConstraintMaker *make) {
        make.center.mas_equalTo(self.view);
        make.width.mas_equalTo(100);
        make.height.mas_equalTo(100);
    }];
      
    [UIView animateWithDuration:2 animations:^{
            [self.viewOne mas_remakeConstraints:^(MASConstraintMaker *make) {
                make.center.mas_equalTo(self.view);
                make.width.mas_equalTo(50);
                make.height.mas_equalTo(50);
            }];
           NSLog(@"动画打印viewOne的frame%@",NSStringFromCGRect(self.viewOne.frame));
        }];
//打印结果
2019-03-13 17:44:27.115060+0800 layoutStudy[16692:523774] 动画打印viewOne的frame{{182, 423}, {100, 100}}

如果添加进去layoutIfNeeded()

    self.viewOne = [[TestViewOne alloc] initWithFrame:CGRectZero];
    self.viewOne.backgroundColor = UIColor.redColor;
    [self.view addSubview:self.viewOne];
    [self.viewOne mas_makeConstraints:^(MASConstraintMaker *make) {
        make.center.mas_equalTo(self.view);
        make.width.mas_equalTo(100);
        make.height.mas_equalTo(100);
    }];
      
    [UIView animateWithDuration:2 animations:^{
            [self.viewOne mas_remakeConstraints:^(MASConstraintMaker *make) {
                make.center.mas_equalTo(self.view);
                make.width.mas_equalTo(50);
                make.height.mas_equalTo(50);
            }];
          [self.viewOne layoutIfNeeded];
           NSLog(@"动画打印viewOne的frame%@",NSStringFromCGRect(self.viewOne.frame));
     }];
//打印结果
2019-03-13 17:44:27.115060+0800 layoutStudy[16692:523774] 动画打印viewOne的frame{{182, 423}, {50, 50}}

其实自动布局也是通过一套引擎转换成frame,但是这个过程并不是马上进行的会在下一次Update Cycle执行,调用layoutIfNeeded会强制计算frame绘制完毕会调用layoutSubviews,并且被animation的block截获。可以明显的看出代码1中self.viewOne的frame没有变,但是代码2的frame被提前绘制出来了,所以代码2有动画,代码1没有动画。


总结

那么我们的布局代码应该怎么写呢,我觉得不改变的静态布局直接在init的时候写就可以,把与自身视图尺寸有依赖的约束写到里面,由于layoutSubviews可能会多次调用。不要在其中写比较耗时的操作和初始化对象。

上一篇下一篇

猜你喜欢

热点阅读