ios - 在3.5英寸和4英寸显示屏上均匀排列UIButton

我现在已经花了很多时间弄清楚-自动布局以及如何使用它，但是还没有找到解决该问题的答案。

我的问题是我想对齐在iPhone 5和以前的显示器上均匀地放置了5个垂直的UIButton，但是有没有一种方法可以通过Interface Builder来完成，还是应该在代码中完成？当我希望按钮之间的垂直距离相对于屏幕分辨率(3.5英寸和4英寸显示屏)均匀时。

我曾尝试在按钮之间添加垂直约束，但是如果选择了4英寸显示屏，这只会在布局的顶部或底部添加间隙。

我当然缺少一些简单的东西，但无法弄清楚。

最佳答案

我要使它生效的唯一方法是在边缘之间和按钮之间放置标签(没有标题，因此它们是不可见的)，以便按钮和标签占据屏幕上的所有垂直空间。这些按钮具有固有的大小，但是标签没有，因此它们会扩展或收缩以正确填充空间。

-(void)viewDidLoad {
    [super viewDidLoad];

    NSMutableDictionary *viewsDict = [NSMutableDictionary dictionary];
    NSArray *titles = @[@"Button 1",@"Button 2",@"Button 3",@"Button 4",@"Button 5"];
    for (int i=1; i<6; i++) {
        UIButton *b = [UIButton buttonWithType:1];
        [b setTitle:titles[i-1] forState:UIControlStateNormal];
        [b setTranslatesAutoresizingMaskIntoConstraints:NO];
        [viewsDict setObject:b forKey:[NSString stringWithFormat:@"b%d",i]];
    }

    for (int i=1; i<7; i++) { // labels for spacing
        UILabel *l = [[UILabel alloc ]init];
        [l setTranslatesAutoresizingMaskIntoConstraints:NO];
        [viewsDict setObject:l forKey:[NSString stringWithFormat:@"l%d",i]];
    }

    for (id obj in viewsDict.allKeys)
        [self.view addSubview:viewsDict[obj]];

    NSArray *constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|[l1][b1][l2(==l1)][b2][l3(==l1)][b3][l4(==l1)][b4][l5(==l1)][b5][l6(==l1)]|"
                                                                   options:NSLayoutFormatAlignAllLeading
                                                                   metrics:nil
                                                                     views:viewsDict];


    NSArray *constraints2 = [NSLayoutConstraint constraintsWithVisualFormat:@"|-100-[b1]"
                                                                   options:NSLayoutFormatAlignAllLeading
                                                                   metrics:nil
                                                                  views:viewsDict];


    [self.view addConstraints:constraints];
    [self.view addConstraints:constraints2];
}

这会将所有按钮从左边缘对齐100个点，按钮之间的间距相等。这将调整屏幕大小以及旋转角度。

关于ios - 在3.5英寸和4英寸显示屏上均匀排列UIButton，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15054823/