使用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来设置正确值,有些取巧。
网友评论