Центрирование представления с визуальным форматом NSLayoutConstraints

Эта строка формата

@"H:|-[_progressView(300)]-|"

не указывает AutoLayout центрировать progressView. Вместо этого он говорит, что progressView должен иметь ширину 300 и иметь стандартное поле, определенное системой, с обеих сторон от краев супервизора. Очевидно, что это не может быть удовлетворено, поэтому Auto Layout снимает некоторые ограничения (вы, вероятно, получаете некоторые журналы на консоли). Ограничение, которое отбрасывается в вашем случае, вероятно, является полем справа.

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

@interface UIView (MyLayout)
- (void)centerHorizontallyInSuperview;
@end

@implementation UIView (MyLayout)
- (void)centerHorizontallyInSuperview {
    NSLayoutConstraint *c;
    c = [NSLayoutConstraint constraintWithItem:self
                                     attribute:NSLayoutAttributeCenterX
                                     relatedBy:NSLayoutRelationEqual                                                             
                                        toItem:self.superview
                                     attribute:NSLayoutAttributeCenterX 
                                    multiplier:1 
                                      constant:0];
    [self.superview addConstraint:c];
}
@end

Три подхода:

1. Вы можете поместить свой код добавления ограничения в метод или категорию, как это было предложено DrummerB.

   Вы также, начиная с iOS 9, можете использовать более новый, более краткий синтаксис, используя якоря и используя activateConstraints:

   [NSLayoutConstraint activateConstraints:@[
       [centerView.centerXAnchor constraintEqualToAnchor:view.centerXAnchor],
       ...
   ]];
   

   Или в Свифт 3:

   NSLayoutConstraint.activate([
       centerView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
       ...
   ])
   

2. Вы можете использовать UILayoutGuide объекты:

   UILayoutGuide *leftGuide = [[UILayoutGuide alloc] init];
   [view addLayoutGuide:leftGuide];
   UILayoutGuide *rightGuide = [[UILayoutGuide alloc] init];
   [view addLayoutGuide:rightGuide];
   

   и определите их равными друг другу с помощью VFL следующим образом:

   H:|[leftGuide][_progressView(==300)][rightGuide(==leftGuide)]|
   

   Если вы не можете использовать направляющие макета (например, вам нужна поддержка версий iOS до 9.0, вы хотите создать это в IB и т. д.), вы можете использовать невидимые объекты UIView (нулевой альфа-канал или прозрачный цвет фона) в очень похожая манера. Просто добавьте эти «распорные» представления в свою иерархию представлений, используйте горизонтальные ограничения, как указано выше, но просто настройте представления, чтобы вы их не видели.

   Этот метод был бы громоздким способом решения проблемы «как центрировать вид», но он чрезвычайно полезен, если вы, например, хотите равномерно распределить дюжину видов и по какой-то причине не можете использовать UIStackView. Вы можете использовать сколько угодно UILayoutGuide (или невидимых UIView) объектов для достижения желаемого эффекта.

3. Для полноты картины я должен указать, что можно добиться эффекта, используя options из NSLayoutFormatAlignAllCenterX/Y, как указано в https://stackoverflow.com/a/14917695/1271826, но, признаюсь, я нахожу это излишне запутанным.

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

Для тех, кому это нужно, категория @DrummerB ObjC как расширение Swift:

extension UIView {

    func centerInSuperview() {
        self.centerHorizontallyInSuperview()
        self.centerVerticallyInSuperview()
    }

    func centerHorizontallyInSuperview(){
        let c: NSLayoutConstraint = NSLayoutConstraint(item: self, attribute: .CenterX, relatedBy: .Equal, toItem: self.superview, attribute: .CenterX, multiplier: 1, constant: 0)
        self.superview?.addConstraint(c)
    }

    func centerVerticallyInSuperview(){
        let c: NSLayoutConstraint = NSLayoutConstraint(item: self, attribute: .CenterY, relatedBy: .Equal, toItem: self.superview, attribute: .CenterY, multiplier: 1, constant: 0)
        self.superview?.addConstraint(c)
    }

}