使用自动布局动态添加子视图时调整超级视图的大小

Question

我必须在屏幕上显示一个带有多个“开关”控件iPhone弹出窗口。并分别通过打开/关闭操作在弹出窗口上添加和删除子视图。有关情况的更好说明，请参见下面

就像上面一样，当“添加邮件”开关为“ON”时，弹出视图必须再次增加高度，再添加两个子视图。最后看起来像这样，

就是这样。我正在通过我的应用程序使用自动布局，这是我感到困惑的地方。我知道我可以删除弹出窗口，每次都可以再删除一个新的弹出窗口，但这似乎是新手的选择。那么有没有简单的方法来添加子视图并使用自动布局动态扩展其超级视图？我已经看到了很多关于UILabel的问题，以及关于它的固有内容大小，但仍然无法对这种特殊情况有任何想法。任何帮助将不胜感激。快乐的编码。

Answer 1

可以导出视图的高度约束，然后根据图元设置相应的值。

Answer 2

这可以通过普通布局约束来完成，而不必手动约束容器视图的高度，然后更新该约束的常量。

方法是基于最底部子视图的底部来约束容器视图的高度。

然后在视图控制器中引用这个约束。

现在您可以编写如下视图控制器，它将在容器视图的底部添加一个新的子视图，并自动更新容器视图的高度。

#import "ViewController.h"

@interface ViewController ()

@property (weak, nonatomic) IBOutlet NSLayoutConstraint *bottomConstraint;
@property (weak, nonatomic) IBOutlet UIButton *addButton;
@property (weak, nonatomic) IBOutlet UIView *containerView;
@property (nonatomic, weak) UIView *lastView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    self.lastView = self.addButton;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

- (IBAction)addButtonTapped:(id)sender {
    UIView *newView = [[UIView alloc] initWithFrame:CGRectZero];
    newView.translatesAutoresizingMaskIntoConstraints = NO;
    newView.backgroundColor = [UIColor redColor];
    [newView addConstraint:[NSLayoutConstraint constraintWithItem:newView
                                                       attribute:NSLayoutAttributeHeight
                                                       relatedBy:NSLayoutRelationEqual
                                                          toItem:nil
                                                       attribute:NSLayoutAttributeNotAnAttribute
                                                      multiplier:1.0
                                                         constant:35]];

    [self.containerView addSubview:newView];
    [self.containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[lastView]-(14)-[newView]"
                                                                     options:NSLayoutFormatAlignAllCenterX
                                                                     metrics:nil
                                                                        views:@{@"lastView" : self.lastView, @"newView" : newView}]];
    [self.containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(10)-[newView]-(10)-|"
                                                                     options:NSLayoutFormatAlignmentMask
                                                                     metrics:nil
                                                                        views:@{@"newView":newView}]];

    [self.containerView removeConstraint:self.bottomConstraint];
    self.bottomConstraint = [NSLayoutConstraint constraintWithItem:self.containerView
                                                         attribute:NSLayoutAttributeBottom
                                                         relatedBy:NSLayoutRelationEqual
                                                            toItem:newView
                                                         attribute:NSLayoutAttributeBottom
                                                        multiplier:1.0
                                                          constant:14];
    [self.containerView addConstraint:self.bottomConstraint];

    self.lastView = newView;
}
@end

将所有这些加在一起，您应该会得到以下行为。