Горизонтальное выравнивание кнопок в представлении с использованием автомакета программно

Используйте Приоритет устойчивости к сжатию контента!

Вы можете настроить автоматическую компоновку, чтобы она старалась поддерживать равную ширину двух меток, насколько это возможно. Но вы говорите ему, что более важно позволить одному из них стать больше, чтобы вместить содержимое внутри.

Для этого установите приоритет ограничения равной ширины ниже, чем приоритет сопротивления сжатию содержимого меток (или кнопок).

- (void)viewDidLoad {
    [super viewDidLoad];

    UILabel *label1 = [[UILabel alloc] init];
    label1.text = @"this seems";
    label1.backgroundColor = [UIColor orangeColor];
    label1.translatesAutoresizingMaskIntoConstraints = NO;

    UILabel *label2 = [[UILabel alloc] init];
    label2.text = @"completely fine";
    label2.backgroundColor = [UIColor orangeColor];
    label2.translatesAutoresizingMaskIntoConstraints = NO;

    [self.view addSubview:label1];
    [self.view addSubview:label2];

    NSDictionary *views = NSDictionaryOfVariableBindings(label1, label2);

    NSArray *horizontalConstraints = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-10-[label1(label2)]-5-[label2]-10-|"
                                                                             options:NSLayoutFormatAlignAllCenterY
                                                                             metrics:nil
                                                                               views:views];

    // Find the equal width constraint and set priority to high (750)
    for (NSLayoutConstraint *constraint in horizontalConstraints) {
        if (constraint.firstAttribute == NSLayoutAttributeWidth) {
            constraint.priority = UILayoutPriorityDefaultHigh;
        }
    }

    [self.view addConstraints:horizontalConstraints];

    // Set content compression resistant to required (1000)
    [label1 setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];
    [label2 setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal];

    // The below code is here to add the vertical center constraints. You can ignore it.
    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:label1
                                                          attribute:NSLayoutAttributeCenterY
                                                          relatedBy:NSLayoutRelationEqual
                                                             toItem:self.view
                                                          attribute:NSLayoutAttributeCenterY
                                                         multiplier:1
                                                           constant:0]];

    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:label2
                                                          attribute:NSLayoutAttributeCenterY
                                                          relatedBy:NSLayoutRelationEqual
                                                             toItem:self.view
                                                          attribute:NSLayoutAttributeCenterY
                                                         multiplier:1
                                                           constant:0]];
}

Итак, если содержимое может поместиться внутри этих меток:

Но если один из них вырастет длиннее:

Приоритет сопротивления сжатию содержимого — это способ сообщить автоматической компоновке, насколько далеко вы хотите, чтобы компонент сохранял свой собственный размер (отсюда и название сопротивления сжатию).

Этот подход также легче реализовать в IB. Приоритет сопротивления содержимого можно установить на вкладке Инспектор размеров (cmd + opt + 5).

Если вы используете Auto Layout, вы можете просто использовать ограничение, чтобы ваши кнопки всегда были выровнены по вертикали или по горизонтали. Чтобы выровнять их по горизонтали (т.е. выровнять их значения по оси y, чтобы они были одинаковыми), просто выберите две кнопки, удерживая команду и щелкая по ним по отдельности:

Они появятся в раскадровке с индикаторами выбора вокруг них. Теперь перейдите в правый нижний угол и выберите выравнивание их «вертикальных центров». Выравнивание их вертикальных центров выровняет их по горизонтали (на основе вашей схемы).

Это гарантирует, что они всегда будут выровнены по горизонтали.

Чтобы решить вашу проблему с расширением текста, я могу придумать один способ обойти это: создать UIView, а затем поместить внутрь UILabel для имитации кнопки. Вам нужно будет связать представление с некоторым IBOutlet, чтобы получить его при нажатии, и связать его с функцией, которую вы хотите, чтобы он выполнял. Но у UILabel есть атрибуты, которые вы можете установить в раскадровке, показанной здесь, с помощью инспектора атрибутов:

Если вы выберете «Минимальный размер шрифта», установите это значение, тогда ваш текст будет автоматически уменьшаться, поскольку он заполняет выделенное пространство, как показано здесь:

По мере того, как текст увеличивается, чтобы заполнить свою ширину, вы получаете неоднозначность ограничения. Неизвестно, что произойдет! Вам нужно использовать приоритеты ограничений и неравенства (и, возможно, измененное сопротивление сжатию), чтобы решить эту проблему.

Вот код, в котором я устраняю неоднозначность между двумя метками, чтобы одна могла расти за счет другой:

    let p = self.lab2.contentCompressionResistancePriorityForAxis(.Horizontal)
    self.lab1.setContentCompressionResistancePriority(p+1, forAxis: .Horizontal)

Но мне также нужно было использовать неравенства для первоначальной установки ширины и интервала:

    self.view.addConstraints(
        NSLayoutConstraint.constraintsWithVisualFormat(
            "H:[v1(>=20)]-(>=20)-[v2(>=20)]", options: nil, metrics: nil, views: d)
    )