Comecei a aprender o AutoLayout para iOS e dei uma olhada no Visual Format Language.

Tudo funciona bem, exceto por uma coisa: eu simplesmente não consigo ter uma visão centralizada na sua visão geral.
Isso é possível com o VFL ou preciso criar manualmente uma restrição?

Atualmente, não, não parece possível centralizar uma visualização na superview usando apenas VFL. No entanto, não é tão difícil fazê-lo usando uma única string VFL e uma única restrição extra (por eixo):

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

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

Alguém poderia pensar que você seria capaz de fazer isso (que é o que eu inicialmente pensei e tentei quando vi essa pergunta):

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

Tentei muitas variações diferentes das anteriores, tentando dobrá-las à minha vontade, mas isso não parece se aplicar à superview, mesmo quando há explicitamente duas seqüências de caracteres VFL separadas para os dois eixos ( H:|V:). Comecei a tentar isolar exatamente quando as opções não são aplicadas para o VFL. Eles parecem não se aplicar à superview no VFL e somente se aplicam a quaisquer visualizações explícitas mencionadas na string VFL (o que é decepcionante em certos casos).

Espero que, no futuro, a Apple adicione algum tipo de nova opção para que as opções do VFL levem em conta a superview, mesmo que apenas quando houver apenas uma única exibição explícita além da superview no VFL. Outra solução poderia ser outra opção passado para o VFL que diz algo como: NSLayoutFormatOptionIncludeSuperview.

Desnecessário dizer que aprendi muito sobre o VFL tentando responder a essa pergunta.

Sim, é possível centralizar uma visualização em sua superview com Visual Format Language. Vertical e horizontalmente. Aqui está a demonstração:

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

Eu acho que é melhor criar manualmente restrições.

[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]];

Agora podemos usar o NSLayoutAnchor para definir programaticamente o AutoLayout:

(Disponível no iOS 9.0 e posterior)

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

Eu recomendo usar o SnapKit , que é um DSL para facilitar o Auto Layout no iOS e no macOS.

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

Absolutamente possível foi capaz de fazê-lo assim:

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

Aprendi isso daqui. O código acima centraliza a subvisão à vista de Y, obviamente.

Swift3:

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

Adicione o código abaixo e coloque seu botão no centro da tela. Absolutamente possível.

[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]];

Eu sei que não é o que você deseja, mas é claro que você pode calcular as margens e usá-las para criar a string de formato visual;)

Enfim, não. Infelizmente, não é possível fazer isso 'automaticamente' com o VFL - pelo menos ainda não.

Graças à resposta do @Evgenii, crio um exemplo completo no gist:

centralize o quadrado vermelho verticalmente com altura personalizada

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

Você pode centralizar uma vista verticalmente usando VFL (que não é muito intuitivo) ou usar restrições manualmente. A propósito, não posso combinar o centerY e a altura no VFL, como:

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

Na solução atual, as restrições de VFL são adicionadas separadamente.

O que é necessário fazer é que a superview seja declarada no dicionário. Em vez de usar |você usa@{@"super": view.superview}; .

E NSLayoutFormatAlignAllCenterXpara vertical e NSLayoutFormatAlignAllCenterYhorizontal como opções.

Você pode usar visualizações extras.

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]];
 }];

Se você quiser arrumado, então centerXView.hidden = centerYView.hidden = YES;.

PS: Não sei se posso chamar as visualizações extras de "espaços reservados", porque o inglês é meu segundo idioma. Será apreciado se alguém puder me dizer isso.

Para aqueles que vieram aqui em busca de uma Interface Buildersolução baseada (o Google me leva aqui), basta adicionar restrições de largura / altura const e selecione a subview -> control arraste para sua superview -> selecione "center vertical / horizontal in superview".

Este é o meu método

//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])

Só preciso dizer que você pode usar isso em vez de restrições:

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

@ resposta igor-muzyka no Swift 2 :

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

Em vez de usar o VFL, você pode fazer isso facilmente no construtor de interfaces. No Storyboard principal, pressione a tecla Ctrl e clique na vista que você deseja centralizar. Arraste para a superview (mantendo pressionada a tecla ctrl) e selecione "Center X" ou "Center Y". Nenhum código é necessário.