Wie zentriere ich 4 Uibuttons mit gleichem Abstand zueinander?

Question

Ich habe 4 uibuttons. Jeder Knopf muss 100x100 sein. Ich möchte die 4 von ihnen in der Mitte meines Bildschirms (horizontal) zentrieren, aber sie vertikal ablegen. Ich habe keine Ahnung, wo ich anfangen soll, aber ich habe gehört, dass Stackviews funktionieren könnten. Nicht sicher. Ich habe versucht, grundlegende Einschränkungen zu verwenden, aber ich konnte sie nicht zur Arbeit bringen.

hier ist das, was im zu bekommen versuchen:

Answer 1

Schritt 1: - nehmen Sie 4 Taste in Ihrem Storyboard. Button1, Button2, Button3, Button4

Schritt 2: - Geben Sie feste Höhe und Breite für alle Schaltflächen.

Schritt 3: - Alle 2 - 2 Taste des Paares in 2 stackview.

Schritt 4: - Set UIStackview Eigentum für beide.

 Distribution -> Fill Equally 
      Spacing -> 5 (as per your requirement) 

---

Schritt 5: - Both Stackview in einer Stackview

Schritt 6: - Set Distribution = Fill equally Spacing =5 in Haupt stackview (set Entsprechend Ihrer Anforderung)

Schritt 7: - Sie nun Constrain zur Haupt stackview

 center Horizontally in container 

     center vertically in container 

     and select Update Frame. 

Schritt 8: - Es ist Zeit für Output for All Gerät.

Ich hoffe, es wird für Sie hilfreich sein.

Answer 2

Es gibt viele Möglichkeiten, suchen ein:

Idee:

1. zuerst alle Tasten legen gleich Breite und Höhe Einschränkung, und zu einem der Schaltfläche hinzufügen Einschränkungen zu Breite und Höhe 100.

2. Für jede Taste X/Y mit Re Blick auf seine Eltern. Constraint: Zentrieren X, Zentriert Y

3. In den konstanten Offset (im Interface Builder):

   • Schaltfläche oben links: Offset X von -60, Y von -60
   • Top rechts-Taste: Offset X von 60, Y von -60
   • Taste unten links: Offset X von -60, Y von 60
   • Taste unten rechts: Offset X von 60, Y von 60.

Schnell Beispiel (habe ich die Einschränkung in IB): https://github.com/Abreu0101/ButtonLayout

========

Eine weitere Option, die Sie haben zwischen den Tasten transparente Ansicht des verwendet, und dieses Zentrum Ansicht (transparent), und fügen Sie den Schaltflächen basierend auf diesen Ansichten eine Einschränkung hinzu (Manchmal ist das schwierig, das ich verwendet habe, aber alles hängt davon ab, was Sie brauchen).

Answer 3

Sie können auch versuchen, diese ohne UIStackView zu verwenden (wenn Sie diese Arbeit sein müssen, auf < iOS 9)