İOS için AutoLayout öğrenmeye başladım ve Visual Format Language'a bir göz attım.

Tek bir şey dışında her şey iyi çalışıyor: Ben onun gözetiminde ortalamak için bir görüş elde edemiyorum.
Bu VFL ile mümkün mü yoksa manuel olarak kendim bir kısıtlama oluşturmam gerekiyor mu?

Şu anda, hayır, sadece VFL kullanarak denetimde bir görünüm ortalamak mümkün görünmüyor . Bununla birlikte, tek bir VFL dizesi ve tek bir ekstra kısıtlama (eksen başına) kullanarak bunu yapmak zor değildir:

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

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

Biri bunu yapabileceğinizi düşünür (bu soruyu gördüğümde başlangıçta düşündüğüm ve denediğim şey):

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

Yukarıdakilerin birçok farklı varyasyonunu kendi isteğime bükmeye çalıştım, ancak bu, her iki eksen ( H:|V:) için açıkça iki ayrı VFL dizesine sahip olsa bile denetim için geçerli görünmüyor . Sonra denemek için başladı ve seçenekleri tam olarak ne zaman izole do VFL uygulanmıyor. Onlar gibi görünen değil VFL içinde Superview için geçerlidir ve sadece (bazı durumlarda hayal kırıklığı yaratıyor) VFL dizede belirtilen herhangi açık görünümleri için geçerli olacaktır.

Umarım Apple, VFL'nin denetiminin yanında sadece tek bir açık görünüm olsa bile, VFL seçeneklerinin denetimin dikkate alınmasını sağlamak için bir tür yeni seçenek ekler. Başka bir çözüm gibi bir şey diyor VFL geçirilen başka bir seçenek olabilir: NSLayoutFormatOptionIncludeSuperview.

Söylemeye gerek yok, bu soruyu cevaplamaya çalışırken VFL hakkında çok şey öğrendim.

Evet, bir görünümü kendi denetiminde Visual Format Language ile ortalamak mümkündür. Hem dikey hem de yatay olarak. İşte demo:

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

Manuel olarak kısıtlamalar oluşturmanın daha iyi olduğunu düşünüyorum.

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

Artık NSLayoutAnchor'u kullanarak AutoLayout'u programlı olarak tanımlayabiliriz:

(İOS 9.0 ve sonraki sürümlerinde kullanılabilir)

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

Otomatik Mizanpaj'ı hem iOS hem de macOS'ta kolaylaştırmak için bir DSL olan SnapKit'i kullanmanızı öneririm .

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

Kesinlikle mümkün böyle yapmayı başardı:

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

Bunu buradan öğrendim . Yukarıdaki kod açıkça Y tarafından görüş alt merkezleri.

swift3:

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

Aşağıdaki kodu ekleyin ve düğmenizi ekranın ortasına getirin. Kesinlikle mümkün.

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

İstediğini istemediğini biliyorum ama elbette kenar boşluklarını hesaplayabilir ve bunları görsel format dizesini oluşturmak için kullanabilirsiniz;)

Her neyse, hayır. Ne yazık ki, bunu 'otomatik olarak' VFL ile yapmak mümkün değil - en azından henüz değil.

@Evgenii'nin cevabı sayesinde, özünde tam bir örnek oluşturuyorum:

kırmızı kareyi özel yükseklikle dikey olarak ortalayın

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

VFL'yi (oldukça sezgisel olmayan) kullanarak ya da kısıtlamaları manuel olarak kullanarak bir görünümü dikey olarak ortalayabilirsiniz. Bu arada, hem merkezY hem de yüksekliği birlikte VFL'de birleştiremiyorum:

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

Mevcut çözümde VFL kısıtlamaları ayrı olarak eklenir.

Yapılması gereken, denetimin sözlükte beyan edilmesi gerektiğidir. Kullanmak yerine |kullanın @{@"super": view.superview};.

Ve NSLayoutFormatAlignAllCenterXdikey olarak ve NSLayoutFormatAlignAllCenterYyatay olarak seçenekler için.

Ekstra görünümler kullanabilirsiniz.

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

Düzgün olmasını istiyorsanız, o zaman centerXView.hidden = centerYView.hidden = YES;.

Not: Ekstra görüşleri "yer tutucular" olarak adlandırabileceğimden emin değilim, çünkü İngilizce ikinci dilim. Birisi bana bunu söyleyebilirse takdir edilecektir.

Buraya Interface Buildertemel bir çözüm için gelenler için (Google beni buraya yönlendirir), sabit genişlik / yükseklik kısıtlamaları ekleyin ve onun denetimine ait alt görünümü seçin -> kontrol sürüklemesi -> "denetimde dikey / yatay olarak ortala" yı seçin.

Bu benim yöntemim

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

Sadece u kısıtlamalar yerine bunu kullanabilirsiniz söylemek gerekir:

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

Swift 2'de @ igor-muzyka cevabı :

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

VFL kullanmak yerine bunu arayüz oluşturucuda kolayca yapabilirsiniz. Ana Storyboard'da, ortalamak istediğiniz görünümü ctrl + tıklayın. Denetime sürükleyin (ctrl tuşunu basılı tutarken) ve "Orta X" veya "Orta Y" yi seçin. Kod gerekmez.