一般都是父控件布局子控件, 但是如何让子控件布局父控件呢?

目的是 子控件大小改变, 父控件也改变!

很多情况下, 都是子控件改变了, 但是父控件的 layoutSubviews不调用, 这里就是解决这个问题的, 强制父控件调用layoutSubviews

这里针对的是自定义的view
三个好方法 例文中用到了前面两个
[self.superview setNeedsLayout];
[self setNeedsUpdateConstraints];
[self.superview setNeedsUpdateConstraints];

1,对于用传统的 frame 来布局的方式

在layoutSubviews 用 [self.superview setNeedsLayout];
使父类也调用layoutSubviews, 一层一层往上传
并且要把布局的关键代码 写到layoutSubviews

stemLabel.frame是在界面上可以手动改变的

这是在子控件(stemLabel)的代码

- (void)layoutSubviews
{
    [super layoutSubviews];
    [self.superview setNeedsLayout];
}

这是在父控件(stemView)的代码

- (void)layoutSubviews
{
    [super layoutSubviews];
     // 布局关键代码
    self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, CGRectGetMaxY(self.stemLabel.frame)+20);

    [self.superview setNeedsLayout];
}

2,对于用 AutoLayout 来布局的方式

在layoutSubviews 用 [self setNeedsUpdateConstraints]; 使父类也调用layoutSubviews, 一层一层往上传 并且要把布局的关键代码 写到layoutSubviews

对于自定义的view这里面有一个方法- (void)updateConstraints 可以重写

对于我,目前没有用到这个方法 因为我的布局代码要么写到[[view alloc] init]后面, 要么把关键布局代码写到 layoutSubviews

这是在子控件(ExerciseStemView)的代码

- (void)updateConstraints
{
    [super updateConstraints];
}

- (void)layoutSubviews
{
    [super layoutSubviews];
    // 布局关键代码
    self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, CGRectGetMaxY(self.stemView.frame)+20);

    // 这里不能像上面那样调用 [self.superview setNeedsLayout]; 会发生死循环
    // 可能原因是 这个控件是 frame 布局, 而他的父控件是 AutoLayout 布局的 所以要调用  [self setNeedsUpdateConstraints];
    [self setNeedsUpdateConstraints];
}

在这个ExerciseStemView 的父控件ExerciseCell上, 用的是AutoLayout
这是在父控件(ExerciseCell)的代码

- (void)updateConstraints
{
    [super updateConstraints];
}

- (void)layoutSubviews
{
    [super layoutSubviews];
    // 布局关键代码
    self.stemViewHeight.constant = self.stemViewModel.cellHeight;

}

除了oneView 在ExerciseCellXib上, 其他的都是自定的控件
我的层级结构是

ExerciseCell ---xib包含----->oneView---addSubview----->ExerciseStemView ---addSubview----->stemView---addSubview----->stemLabel

这样做的原因是 是因为stemLabel 一直会改变大小, 所以这样一层一层传出去.
这里面既有 xib AutoLayout布局 也有 代码frame布局 所以坑很多. 记录一下.

至于什么是布局的关键代码, 就是能影响其他其他控件的布局的代码.
例如 子控件改变,父控件要改变,然后父控件的左右控件要改变 等等

---

PS

这里还有一个方法, 让这个自定义的控件 强制调用它所在的控制器 的 viewDidLayoutSubviews 来重新布局控件
有的时候会用到

自定义的控件的 内部代码如下

- (void)layoutSubviews
{
    [super layoutSubviews];
    self.stemLabel.width = self.frame.size.width;
    
    self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, CGRectGetMaxY(self.stemLabel.frame)+20);

    // 强制viewController 调用 viewDidLayoutSubviews
    [[self viewController] viewDidLayoutSubviews];
}


/**
 *  返回当前视图的控制器
 */
- (UIViewController *)viewController {
    for (UIView* next = [self superview]; next; next = next.superview) {
        UIResponder *nextResponder = [next nextResponder];
        if ([nextResponder isKindOfClass:[UIViewController class]]) {
            return (UIViewController *)nextResponder;
        }
    }
    return nil;
}

3,更新 继续填坑

由于我以前的ExerciseCell 这个cell 的尺寸是整个屏幕,固定大小, 里面有个Scollview, 所以, 里面控件改变,不用改变最外层的 ExerciseCell的尺寸, 只要改变 Scollview的contentsize 就行了其实如果约束加好, Scollview的contentsize不用代码改变,只要更新下就行了

但是, 当我把这个ExerciseStemView加到一个tableview的cell 的时候,就出现了问题.

问题 1

table加载的时候, cell 高度不正确

由于cell的高度是动态的,所以要根据ExerciseStemView 的高度而决定 当然 cell里面还有其他控件

我开始是在tableviewcell的xib上添加了一个oneView 一个twoView

设置约束,
oneView距离tableviecell的 contenview 上 左 右 各20, 高度为100 并拖拽到tableviewcell 的.m文件中 为 oneViewHeight
twoView距离tableviecell的 contenview 下 左 右 各20, 高度为50 并拖拽到tableviewcell 的.m文件中为 twoViewHeight
oneView底部距离twoView 顶部 20

很简单的布局

然后在oneView添加 ExerciseStemView,并在layoutsubview中设置oneViewHeight = ExerciseStemView的高度(其实是一个模型的cellheight)
但是运行的时候约束会报错, 不过不会崩溃

但是cell的高度其实是不正常的. 出现了ExerciseStemView比cell还高.
对于这个问题,我用了上面1 和2的所有方法, 都无效.

后来,我想到增加一个中间层. 为 tempView, 成为 cell的 contenview的子控件 成为 oneview 和twoview的父控件. 然后设置 oneview 和twoview的约束和以前一样
对于tempView的约束, 只增加3个 下 左 右 距离父控件为0, 下面不设置, 这样不会报错

然后 在layoutsubview的时候, 起始我是想把tempView的高度直接赋值给 cell的 高度,后来发现不行, 因为tempView的高度虽然在界面显示后是正常的, 但是在layout中并不正确, 而是 在你的xib的起始的大小. 所以
我就把所有的子控件都加到了一起
像这样

self.cellViewModel.cellHeight = self.oneViewHeight.constant + self.twoViewHeight.constant + 1 + 60;

其实这个当初加的中间层也就没有意义了,完全没用到

这样以后 , 在控制器的 tableview的heightForRowAtIndexPath代理方法中 ,根据indexPath获取对应模型的 .cellHeight即可

这样 tableview加载以后,高度就动态的高度了.

问题 2

当点击ExerciseStemView的按钮的时候,需要增加填充一段数据,这个时候 ExerciseStemView的高度改变了,但是 cell的高度并没有改变,

layoutSubview的方法也只是调用到 ExerciseStemView就截止了,不会调用父类tableview的cell的layoutSubview的方法.

我一直想去调用,但是无果,况且调用也没有用, 因为整个tableview 还要刷新,不然影响其他cell的显示.

我的错误尝试
1, 在ExerciseStemView调用 layoutSubview的方法的时候 发通知通知控制器, 让[self.tableView reloadData];
发现 会发通知很多次, 并且界面显示卡顿,空白,飞走,等各种奇怪现象.

2, 我试图接收到通知只执行一次, 但是依然各种问题

3, 我在ExerciseStemView点击方法中 发通知通知控制器, 让[self.tableView reloadData]; 但是这个时候子控件还没有刷新完成, 无法获取 ExerciseStemView的真正高度,失败

4, 后来我想, 不如直接更新模型,然后再[self.tableView reloadData]; 这样就会显示对了

当然前提是需要把点击事件后,增加的填充一段数据传出去, 这就用到了通知, 直接同第三步一样发通知, 不同的是包装一个字典把数据传到控制器,当然也应该保护cell的indexpath, 然后拼接到控制器的 cell的模型数组中的对应的元素上
然后调用[self.tableView reloadData];

这个时候就能显示正常了.

indexpath 我是变成了模型的一个属性层层传进去, 然后发通知出来.

---