以编程方式为 uiview 设置约束以支持纵向/横向

Question

我已将自己的自定义uiview 添加到self.view。由于在这种情况下我们无法在情节提要中设置约束，我尝试以编程方式添加。

关注了这个How to Create layout constraints programmatically。

我正在使用下面的代码。

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration
{
    [super willRotateToInterfaceOrientation:toInterfaceOrientation duration:duration];

    [customView setNeedsUpdateConstraints];
}

-(void)updateViewConstraints
{
    UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);

[self.view addConstraints:@[

                            //view1 constraints
                            [NSLayoutConstraint constraintWithItem:customView
                                                         attribute:NSLayoutAttributeTop
                                                         relatedBy:NSLayoutRelationEqual
                                                            toItem:self.view
                                                         attribute:NSLayoutAttributeTop
                                                        multiplier:1.0
                                                          constant:padding.top],

                            [NSLayoutConstraint constraintWithItem:customView
                                                         attribute:NSLayoutAttributeLeft
                                                         relatedBy:NSLayoutRelationEqual
                                                            toItem:self.view
                                                         attribute:NSLayoutAttributeLeft
                                                        multiplier:1.0
                                                          constant:padding.left],

                            [NSLayoutConstraint constraintWithItem:customView
                                                         attribute:NSLayoutAttributeBottom
                                                         relatedBy:NSLayoutRelationEqual
                                                            toItem:self.view
                                                         attribute:NSLayoutAttributeBottom
                                                        multiplier:1.0
                                                          constant:-padding.bottom],

                            [NSLayoutConstraint constraintWithItem:customView
                                                         attribute:NSLayoutAttributeRight
                                                         relatedBy:NSLayoutRelationEqual
                                                            toItem:self.view
                                                         attribute:NSLayoutAttributeRight
                                                        multiplier:1
                                                          constant:-padding.right],

                            ]];


}

我从viewDidLoad 打电话给[self updateViewConstraints]，但我仍然在风景中看到一半。

对此有任何想法。提前致谢。

Answer 1

您可以为此目的使用Masonry。例如：

UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(superview.mas_top).with.offset(padding.top); //with is an optional semantic filler
make.left.equalTo(superview.mas_left).with.offset(padding.left);
make.bottom.equalTo(superview.mas_bottom).with.offset(-padding.bottom);
make.right.equalTo(superview.mas_right).with.offset(-padding.right);}];

这将为您的视图设置顶部、右侧、底部和左侧约束。

Answer 2

尝试在willRotateToInterfaceOrientation:duration:call setNeedsUpdateConstraints 中查看需要更新其约束的内容。

除非未通知视图，否则它不会更新约束

Answer 3

如果您的约束设置正确，当用户更改方向时，视图将根据它们调整大小。 如果您向我们展示您的代码，我们将更容易为您提供帮助。

一些提示：

• 务必将translatesAutoresizingMaskIntoConstraints 属性设置为NO
• 您可以使用视觉格式来设置您的约束，有时更容易不要忘记：Visual Format Language
• 检查您的日志以查看约束是否未破坏

如果您的约束设置正确，则应根据其父视图框架调整视图的大小。

更新

我看到了两种可能性：要么没有真正设置约束（例如，因为没有准备好视图），要么一个或多个约束被破坏（但在这种情况下你应该看到一些日志）。

我给你一些适合我的代码（我个人尽可能使用Visual Format作为约束）：

customView = [UIView new];
customView.translatesAutoresizingMaskIntoConstraints = NO;
[self addSubview:customView];

UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);

NSDictionary *views = @{ @"customView" : customView };
NSDictionary *metrics = @{ @"top" : @(padding.top) , @"bottom" : @(padding.bottom) , @"right" : @(padding.right) , @"left" : @(padding.left) };
[self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-left-[customView]-right-|" options:0 metrics:nil views:views]];
[self addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-top-[customView]-bottom-|" options:0 metrics:nil views:views]];

发生旋转时我不使用方法[customView setNeedsUpdateConstraints];：系统自行更新子视图的约束。