AutoLayout: Pionowe wyśrodkowanie dwóch UIViews w widoku nadrzędnym, który może zmienić rozmiar

Question

Mam dwa UButtons, jeden na drugim, w superview, którego wysokość może być zmieniana. Oba przyciski powinny mieć stały pionowy odstęp między nimi, ale odległość między górną i dolną przestrzenią powinna być zmieniana, tak aby dwa przyciski pozostały w środku w widoku podglądu podczas zmiany rozmiaru.

że próbował tworząc dwie mniej niż lub równy ograniczenia (z równą pierwszeństwa), w odstępie od SuperView dla każdego przycisku, oraz stałą pionową odstępy pomiędzy przyciskami, jak pokazano poniżej:

(Powód, dla którego jest on mniejszy lub równy, wynika z tego, że ten widok jest zdefiniowany na danej wysokości w IB dla ekranów 4 ", ale może być skurczony dla ekranów 3.5"). Jednak nie robi tego podstęp, jak widać na zrzucie ekranu, gdy aplikacja jest uruchomiona:

To prawie tak, jakbyś chciał powiedzieć AutoLayout, że tw o same ograniczenia powinny mieć równe wartości, nawet jeśli oba są ustawione na "mniejszy lub równy". Czy istnieje sposób, aby zrobić to, co próbuję zrobić, a może lepszy sposób?

Answer 1

To jest tak trywialne zrobić w IB.

1)^przeciągnij z przycisku 1 do góry. wybierz "środek w poziomie w pojemniku".

2)^przeciągnij z przycisku 1 na lewo. wybierz "środek w pionie w pojemniku".

3) wykonaj to samo z przyciskiem 2.

4) Teraz jedyną rzeczą do zrobienia jest rozmiar przycisków, ponieważ tak to wygląda.

Jest to również bardzo trywialne.

5)^przeciągnij z przycisku 1 w lewo. wybierz "wiodącą przestrzeń do marginesu kontenera".

6)^przeciągnij z przycisku 1 w prawo. wybierz "końcowe spacje do marginesu kontenera".

7) wykonaj dokładnie to samo za pomocą przycisku 2.

Gotowy produkt, wygląda następująco (NB I nie dość wycentrowania ich, ale mogę mieć dość łatwo):

Answer 2

Jednym ze sposobów osiągnięcia tego jest zamknięcie dwóch przycisków w innym interfejsie UIView i wyśrodkowanie tego widoku w widoku kontrolera. Daj przyciskom ustaloną odległość do górnej i dolnej części tego widoku oraz ustaloną odległość między nimi lub stałą wysokość widoku.

Answer 3

Uzgodniono z rdelmar. Oto kolejna opcja, jeśli chcesz zachować hierarchię widoków.

Obecnie rozmieszczasz przyciski u góry iu dołu za pomocą wiązań. Zamiast tego utwórz dwa puste UIView s, będą one używane jako przekładki. Powinny być umieszczone jeden u góry i jeden u dołu przycisków. Korzystając z więzów autolayout, upewnij się, że wysokość tych dwóch widoków przerywnika jest zawsze równa. Upewnij się, że są one przypięte odpowiednio do górnej i dolnej części przycisków oraz górnej i dolnej części widoku super.

W języku VFL: V:|-[spacer1(==spacer2)]-[button1]-(20)-[button2]-[spacer2(==spacer1)]-|.

Być może będziesz musiał to zrobić w kodzie, nie jestem pewien, czy IB może to zrobić.

Answer 4

Najprostszy sposób na wycentrowanie w pionie to dodanie ograniczenia NSLayoutAttributeCenterY - najlepiej do elementu znajdującego się w pobliżu środka widoku. A jeśli wszystkie widoki mają pionowe ograniczenia odstępu, wszystkie zostaną wyśrodkowane. Nie musisz zgłupiać z hierarchią widoku ani dodawać widoków z przekładek.

[self.view addConstraint: 
    [NSLayoutConstraint constraintWithItem:button2 
           attribute:NSLayoutAttributeCenterY 
           relatedBy:NSLayoutRelationEqual 
            toItem:self.view 
           attribute:NSLayoutAttributeCenterY 
           multiplier:1.0 
            constant:0]]; 

Aby dopasować pozycję, ustaw stałą. Na przykład: constant:-30 przesunie go o 30 punktów.

Można również zakotwiczać elementy na podstawie różnych obszarów logicznych widoku. Na przykład, jeśli chcesz zakotwiczyć pierwszy przycisk na 25% wysokości widoku, możesz ustawić mnożnik na 0.5.