ios - 使用自动布局动态添加 subview 时调整 super View 的大小

Question

我必须在具有多个“切换”控件的 iPhone 屏幕上显示弹出窗口。并分别使用打开/关闭操作在弹出窗口 View 中添加和删除 subview 。为了更好地说明情况，请参见下文

图像。

当用户点击按钮时，上面的弹出 View 首先出现。弹出窗口必须始终位于屏幕中央，并且最初添加的接触开关将处于关闭状态。当打开时，必须在弹出窗口上添加以下 subview ，同时将弹出窗口保持在屏幕中央并根据 subview 增加弹出窗口的高度。

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

就是这样。我在我的应用程序中使用自动布局，这是我感到困惑的地方。我知道我可以每次删除弹出窗口和一个新的弹出窗口，但这似乎是一种新手选项。那么有什么简单的方法可以添加 subview 并使用自动布局动态扩展其 super View ？我已经看到很多关于 UILabel 的问题，并且正在研究它的内在内容大小，但仍然无法对这种特殊情况有任何了解。任何帮助将不胜感激。快乐编码。

Answer 1

这可以通过简单的布局约束来完成，而无需手动约束容器 View 的高度，然后更新该约束的常量。

这样做的方法是根据最底部 subview 的底部来限制容器 View 的高度。

然后在你的 View Controller 中引用这个约束。

现在你可以写类似下面的 View Controller ，它会在容器 View 的底部添加一个新的 subview ，并自动更新容器 View 的高度。

#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

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