Właśnie zacząłem uczyć się AutoLayout dla iOS i przyjrzałem się Visual Format Language.

Wszystko działa dobrze, z wyjątkiem jednej rzeczy: po prostu nie mogę wyśrodkować widoku w ramach superwizji.
Czy jest to możliwe w przypadku VFL, czy też muszę samodzielnie utworzyć ograniczenie?

Obecnie nie, nie wygląda na to, aby można było wyśrodkować widok w superviewie używając tylko VFL. Nie jest to jednak trudne do zrobienia przy użyciu pojedynczego ciągu VFL i jednego dodatkowego ograniczenia (na oś):

VFL: "|-(>=20)-[view]-(>=20)-|"

[NSLayoutConstraint constraintWithItem:view
                             attribute:NSLayoutAttributeCenterX
                             relatedBy:NSLayoutRelationEqual
                                toItem:view.superview
                             attribute:NSLayoutAttributeCenterX
                            multiplier:1.f constant:0.f];

Można by pomyśleć, że po prostu byłbyś w stanie to zrobić (o czym początkowo myślałem i próbowałem, gdy zobaczyłem to pytanie):

[NSLayoutConstraint constraintsWithVisualFormat:@"|-(>=20)-[view(==200)]-(>=20)-|"
                                 options: NSLayoutFormatAlignAllCenterX | NSLayoutFormatAlignAllCenterY
                                 metrics:nil
                                   views:@{@"view" : view}];

Próbowałem wielu różnych wariantów powyższego, próbując nagiąć to do mojej woli, ale wydaje się, że nie ma to zastosowania do superwizji, nawet jeśli jawnie mam dwa oddzielne ciągi VFL dla obu osi ( H:|V:). I wtedy zaczął próbować izolować kiedy dokładnie opcje mają się stosować do VFL. Wydaje się, że nie mają one zastosowania do superviewu w VFL i będą miały zastosowanie tylko do wszelkich wyraźnych poglądów, które są wymienione w ciągu VFL (co jest rozczarowujące w niektórych przypadkach).

Mam nadzieję, że w przyszłości Apple doda jakąś nową opcję, aby opcje VFL uwzględniały superview, nawet jeśli robią to tylko wtedy, gdy istnieje tylko jeden wyraźny widok oprócz superview w VFL. Innym rozwiązaniem mogłoby być innej opcji przeszedł do VFL, który mówi coś takiego: NSLayoutFormatOptionIncludeSuperview.

Nie trzeba dodawać, że wiele się nauczyłem o VFL, próbując odpowiedzieć na to pytanie.

Tak, można wyśrodkować widok w jego nadzorze za pomocą języka formatu wizualnego. Zarówno w pionie, jak iw poziomie. Oto demo:

https://github.com/evgenyneu/center-vfl

Myślę, że lepiej jest ręcznie tworzyć ograniczenia.

[superview addConstraint:
 [NSLayoutConstraint constraintWithItem:view
                              attribute:NSLayoutAttributeCenterX
                              relatedBy:NSLayoutRelationEqual
                                 toItem:superview
                              attribute:NSLayoutAttributeCenterX
                             multiplier:1
                               constant:0]];
[superview addConstraint:
 [NSLayoutConstraint constraintWithItem:view
                              attribute:NSLayoutAttributeCenterY
                              relatedBy:NSLayoutRelationEqual
                                 toItem:superview
                              attribute:NSLayoutAttributeCenterY
                             multiplier:1
                               constant:0]];

Teraz możemy użyć NSLayoutAnchor do programowego zdefiniowania AutoLayout:

(Dostępne w iOS 9.0 i nowszych wersjach)

view.centerXAnchor.constraint(equalTo: superview.centerXAnchor).isActive = true
view.centerYAnchor.constraint(equalTo: superview.centerYAnchor).isActive = true

Polecam używanie SnapKit , który jest DSL, aby ułatwić Auto Layout zarówno w systemie iOS, jak i macOS.

view.snp.makeConstraints({ $0.center.equalToSuperview() })

Absolutnie możliwe udało się to zrobić w ten sposób:

[NSLayoutConstraint constraintsWithVisualFormat:@"H:[view]-(<=1)-[subview]"
                                        options:NSLayoutFormatAlignAllCenterY
                                        metrics:nil
                                          views:NSDictionaryOfVariableBindings(view, subview)];

Nauczyłem się tego stąd. Kod powyżej centrów jest oczywiście widoczny w widoku Y.

Swift3:

        NSLayoutConstraint.constraints(withVisualFormat: "H:[view]-(<=1)-[subview]",
                                       options: .alignAllCenterY,
                                                       metrics: nil,
                                                       views: ["view":self, "subview":_spinnerView])

Dodaj poniższy kod i umieść przycisk na środku ekranu. Absolutnie możliwe.

[self.view addConstraints:[NSLayoutConstraint
                           constraintsWithVisualFormat:@"H:|-[button]-|"
                           options:NSLayoutFormatAlignAllCenterY
                           metrics:0
                           views:views]];

[self.view addConstraints:[NSLayoutConstraint
                           constraintsWithVisualFormat:@"V:|-[button]-|"
                           options:NSLayoutFormatAlignAllCenterX
                           metrics:0
                           views:views]];

Wiem, że nie chcesz, ale możesz oczywiście obliczyć marginesy i użyć ich do stworzenia wizualnego ciągu formatu;)

W każdym razie nie. Niestety nie jest możliwe zrobienie tego „automatycznie” z VFL - przynajmniej na razie.

Dzięki odpowiedzi od @Evgenii tworzę pełny przykład w skrócie:

wyśrodkuj czerwony kwadrat w pionie z niestandardową wysokością

https://gist.github.com/yallenh/9fc2104b719742ae51384ed95dcaf626

Możesz wyśrodkować widok w pionie, używając VFL (co nie jest całkiem intuicyjne) lub ręcznie, używając ograniczeń. Nawiasem mówiąc, nie mogę łączyć razem środka Y i wysokości w VFL, jak:

"H:[subView]-(<=1)-[followIcon(==customHeight)]"

W obecnym rozwiązaniu ograniczenia VFL są dodawane oddzielnie.

To, co trzeba zrobić, to zadeklarować superwiew w słowniku. Zamiast używać |, używasz @{@"super": view.superview};.

I NSLayoutFormatAlignAllCenterXdla pionowego i NSLayoutFormatAlignAllCenterYpoziomego jako opcje.

Możesz użyć dodatkowych widoków.

NSDictionary *formats =
@{
  @"H:|[centerXView]|": @0,
  @"V:|[centerYView]|": @0,
  @"H:[centerYView(0)]-(>=0)-[yourView]": @(NSLayoutFormatAlignAllCenterY),
  @"V:[centerXView(0)]-(>=0)-[yourView]": @(NSLayoutFormatAlignAllCenterX),
};
NSDictionary *views = @{
  @"centerXView": centerXView, 
  @"centerYView": centerYView, 
  @"yourView": yourView,
};
 ^(NSString *format, NSNumber *options, BOOL *stop) {
     [superview addConstraints:
      [NSLayoutConstraint constraintsWithVisualFormat:format
                                              options:options.integerValue
                                              metrics:nil
                                                views:views]];
 }];

Jeśli chcesz, żeby to było schludne, to centerXView.hidden = centerYView.hidden = YES;.

PS: Nie jestem pewien, czy mogę nazwać dodatkowe widoki „symbolami zastępczymi”, ponieważ angielski jest moim drugim językiem. Będziemy wdzięczni, jeśli ktoś mi to powie.

Dla tych, którzy przyszli tutaj po Interface Builderrozwiązanie bazowe (Google prowadzi mnie tutaj), po prostu dodaj stałe ograniczenia szerokości / wysokości i wybierz widok podrzędny -> przeciągnij kontrolkę do jego superview -> wybierz „wyśrodkuj pionowo / poziomo w superviewie”.

To jest moja metoda

//create a 100*100 rect in the center of superView
var consts = NSLayoutConstraint.constraints(withVisualFormat: "H:|-space-[myView]-space-|", options: [], metrics:["space":view.bounds.width/2-50], views:["myView":myView])

consts += NSLayoutConstraint.constraints(withVisualFormat: "V:|-space-[myView]-space-|", options: [], metrics: ["space":view.bounds.height/2-50], views: ["myView":myView])

Wystarczy powiedzieć, że możesz użyć tego zamiast ograniczeń:

child.center = [parent convertPoint:parent.center fromView:parent.superview];

@ igor-muzyka answer w Swift 2 :

NSLayoutConstraint.constraintsWithVisualFormat("H:[view]-(<=1)-[subview]", 
                                               options: .AlignAllCenterY,
                                               metrics: nil,
                                               views: ["view":view, "subview":subview])

Zamiast używać VFL, możesz to łatwo zrobić w kreatorze interfejsów. W głównej serii ujęć naciśnij klawisz Ctrl i kliknij widok, który chcesz wyśrodkować. Przeciągnij do Superview (trzymając ctrl) i wybierz „Center X” lub „Center Y”. Nie potrzeba żadnego kodu.