美文网首页
Autolayout--constraint 与 layout

Autolayout--constraint 与 layout

作者: 生光 | 来源:发表于2016-10-10 11:25 被阅读296次

    使用autolayout

    当页面上view的frame发生变化时,往往牵一发而动全身,通过单纯计算方式来更新subviews的frame会很麻烦。所以采用autolayout来自动布局。使用的方式很简单:

    //设置需要启用autolayout的_tableView
    _tableView.translatesAutoresizingMaskIntoConstraints = NO;
    //添加constraint,_tableView的宽度与parent的宽度一致
    [self addConstraint:[NSLayoutConstraint constraintWithItem:self.tableView attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeWidth multiplier:1 constant:0]];
    

    这样,当页面view发生变化触发constraint更新,设置autolayout的view也会自动更新,保证尺寸,位置正确。

    副作用

    虽然把view的frame更新交给autolayout处理省去了很多麻烦,但也可能存在副作用。
    举个例子:当使用竖向tableview的时候,将tableview拉倒底,即保持

    tableView.height + tableView.contentOffset.y = tableView.contentSize.height
    

    某种情况导致tableview的frame增大,这时UITableview默认的逻辑会判断出tableview拉到底,从而重新计算contentoffset,导致contentoffset减少。然而再恢复frame到原值时,因为此时

    tableView.height + tableView.contentOffset.y  < tableView.contentSize.height
    

    UITableview会判断未拉到底,contentoffset不重新恢复到原值,导致最后一个cell会显示不出来,即出现未拉倒底的情形。

    针对这种情况,有必要了解autolayout的处理过程,对症下药

    autolayout process

    updating constraints
    |
    layout
    |
    display
    

    自动布局的过程,constraint是从子到父,layout是从父到子。具体的constraint和layout的关系,遵从updating constraints->layout->display的逻辑,先更新constraint,然后layout,最后显示。
    //注:以下文字截取自他人文章,原出处未知

    • 第一步:updating constraints,被称为测量阶段,其从下向上(from subview to super view),为下一步layout准备信息。可以通过调用方法setNeedUpdateConstraints去触发此步。constraints的改变也会自动的触发此步。但是,当你自定义view的时候,如果一些改变可能会影响到布局的时候,通常需要自己去通知Auto layout,updateConstraintsIfNeeded。
      自定义view的话,通常可以重写updateConstraints方法,在其中可以添加view需要的局部的contraints。
    • 第二步:layout,其从上向下(from super view to subview),此步主要应用上一步的信息去设置view的center和bounds。可以通过调用setNeedsLayout去触发此步骤,此方法不会立即应用layout。如果想要系统立即的更新layout,可以调用layoutIfNeeded。另外,自定义view可以重写方法layoutSubViews来在layout的工程中得到更多的定制化效果。
    • 第三步:display,此步时把view渲染到屏幕上,它与你是否使用Auto layout无关,其操作是从上向下(from super view to subview),通过调用setNeedsDisplay触发,
      因为每一步都依赖前一步,因此一个display可能会触发layout,当有任何layout没有被处理的时候,同理,layout可能会触发updating constraints,当constraint system更新改变的时候。
    • 需要注意的是,这三步不是单向的,constraint-based layout是一个迭代的过程,layout过程中,可能去改变constraints,有一次触发updating constraints,进行一轮layout过程。
      注意:如果你每一次调用自定义layoutSubviews都会导致另一个布局传递,那么你将会陷入一个无限循环中。

    要明确的是,constraint的update,只有当修改constraint或者调用setNeedUpdateConstraints时才会触发。当设定好constraint,页面view发生改变进行autolayout时,只会触发layout更新,并不会触发constraint更新。

    问题解决

    对于上面的问题,当触发autolayout,tableview的frame被重新设置时,会触发layout的更新。所以可以在layoutSubviews方法中,设置contentoffset为正确的值。

    - (void)layoutSubviews {
        CGSize contentSize = self.tableView.contentSize;
        CGPoint contentOffset = self.tableView.contentOffset;
        if (self.tableView.height + contentOffset.y == contentSize.height) {
            self.tableView.contentOffset = CGPointMake(contentOffset.x, contentSize.height-self.height);
        }
    }
    

    之所以可以这么做,是因为layoutSubviews的触发条件:

    - 直接调用setLayoutSubviews。(这个在上面苹果官方文档里有说明)
    - addSubview的时候。
    - 当view的frame发生改变的时候。
    - 滑动UIScrollView的时候。
    - 旋转Screen会触发父UIView上的layoutSubviews事件。
    - 改变一个UIView大小的时候也会触发父UIView上的layoutSubviews事件。
    

    autolayout导致frame变化,触发layoutSubviews,此时父view的frame已变化,而tableview还未变化,所以tableview的contentoffset可以基于变化后的frame来设置正确值,有些取巧。

    相关文章

      网友评论

          本文标题:Autolayout--constraint 与 layout

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