iOS, wie zwei Ansichten über PureLayout zu zentrieren

Question

Ich möchte meine UIImageView und UILabel wie das Bild unten zentrieren. Ich benutzte einen Container, um UIImageView und UILabel zu enthalten, aber der Container passt nicht zu der Breite von UIImageView und UILabel.So muss ich die Breite des Containers festlegen. Gibt es eine Methode, um das Problem zu lösen, ohne die Breite festzulegen oder zu berechnen Ansichtsbreite? Hier ist das Bild:

Answer 1

Es gibt vier Ansicht in Aktion:

1. Outer oder Hauptansicht
2. Container Ansicht (enthält Bild und Label)
3. Bildansicht
4. Etikett Ansicht

Die Ansichten sind in der Hierarchie folgenden:

1. Außenansicht
   1. Container Ansicht
      1. Bildansicht
      2. Label-Ansicht

Ich gehe davon aus, dass die äußere View bekommt seine Breite an d Höhe von anderen Einschränkungen.

Was ich aus dem Bild sehen Sie das Bild zur Verfügung gestellt ist größer als Etikett, dass folgende Constraints im Auge behalten konnte erreichen, was Sie wollen:

1. Align X-Achse des Behälters im Hinblick auf äußere Ansicht
2. Align Y-Achse des Behälters im Hinblick auf äußere Ansicht
3. Pin oben, links und unteren Rand des Bildansicht zu Behälteransicht
4. Pin rechten Rand des Etiketts am Behälter Ansicht
5. Align Y-Achse des labe l zur Containeransicht.
6. Legen Sie den horizontalen Abstand zwischen Bild- und Etikettenansicht fest.

Answer 2

[self.button autoPinEdgeToSuperviewEdge:ALEdgeLeft withInset:15]; 
[self.button autoPinEdgeToSuperviewEdge:ALEdgeRight withInset:15]; 
[self.button autoSetDimension:ALDimensionHeight toSize:46]; 
[self.button autoAlignAxis:ALAxisVertical toSameAxisOfView:self.contentView]; 

[self.containerView autoAlignAxisToSuperviewAxis:ALAxisHorizontal]; 
[self.containerView autoAlignAxisToSuperviewAxis:ALAxisVertical]; 

[self.iconImageView autoPinEdge:ALEdgeLeft toEdge:ALEdgeLeft ofView:self.containerView]; 
[self.iconImageView autoAlignAxisToSuperviewAxis:ALAxisHorizontal]; 

[self.label autoPinEdge:ALEdgeRight toEdge:ALEdgeRight ofView:self.containerView]; 
[self.label autoAlignAxisToSuperviewAxis:ALAxisHorizontal]; 

[self.label autoPinEdge:ALEdgeLeft toEdge:ALEdgeRight ofView:self.iconImageView withOffset:10]; 

Dank @abdullah. Er machte meine Gedanken klar. Ich habe vergessen, "die rechte Kante des Etiketts an die Containeransicht zu hängen", so dass die containerViewwidth zu 0 wurde.