按钮和自动布局

Question

我想建立这样的界面：

禁用自动布局后，我成功创建了这6个按钮，并通过屏幕高度功能的代码对其进行了很好的调整。但是，当禁用自动布局时，所有其他控制器变得“杂乱”，所以我尝试创建/调整这些按钮并启用自动布局。并且没有办法在启用自动布局的情况下实现此类界面。我的问题是，是否有任何技巧，解决方案来调整启用自动布局的6个按钮？或者也许有一个图书馆？我真的很累。 谢谢你的帮助。

Answer 1

我看到你找到了答案，但无论如何我都会发帖，因为它采用了不同的方法。当6个按钮之间存在如此多的依赖关系时，尝试在IB（在iOS 6中）中获得正确的约束是困难的（因为系统在IB中为您添加了约束），所以我在代码中做到了。我这样做的方式是按钮可以在任何尺寸的屏幕或任何方向上占据整个屏幕，而无需检查屏幕尺寸：

@interface ViewController ()
@property (strong,nonatomic) NSMutableDictionary *viewsDict;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.viewsDict = [NSMutableDictionary dictionary];
    for (int i=1; i<7; i++) {
        UIButton *b = [UIButton buttonWithType:UIButtonTypeRoundedRect];
        [b setTitle:[NSString stringWithFormat:@"Button%d",i] forState:UIControlStateNormal];
        [b setTranslatesAutoresizingMaskIntoConstraints:NO];
        [self.viewsDict setObject:b forKey:[NSString stringWithFormat:@"b%d",i]];
        [self.view addSubview:b];
    }

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"|[b1][b2(==b1)]|" options:0 metrics:nil views:self.viewsDict]];
    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"|[b3][b4(==b3)]|" options:0 metrics:nil views:self.viewsDict]];
    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"|[b5][b6(==b5)]|" options:0 metrics:nil views:self.viewsDict]];
    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[b1][b3(==b1)][b5(==b1)]|" options:0 metrics:nil views:self.viewsDict]];
    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[b2][b4(==b2)][b6(==b2)]|" options:0 metrics:nil views:self.viewsDict]];
}

Answer 2

使用autolayout，您肯定希望将这六个视图包装在另一个UIView中，以防止按钮和其他视图之间的布局交互。如果那个UIView有一个固定的高度和宽度，它可能就这么简单。