Articles

UIScrollView autolayout na storyboardzie. Przewodnik krok po kroku.

  1. Zaczynamy od dodania UIScrollView do głównego widoku (który może być całym widokiem lub jakimś innym, małym widokiem, który posiadasz. Tak czy inaczej, od teraz będę się do tego odnosił jako do „głównego widoku”) i dodajemy ograniczenia górne, dolne, lewe i prawe.

Top, Bottom, Left and Right Constraints (dotyczące głównego widoku)

2. Następnie dodajemy UIView wewnątrz UIScrollView (ten widok jest niezbędnym krokiem, aby autolayout działał poprawnie). Nazwałem go 'Content View’ i dodałem ograniczenia top, bottom, left i right w odniesieniu do widoku przewijania. Poza tym, dodałem również równe wysokości i szerokości w odniesieniu do głównego widoku.

Top, Bottom, Left and Right Constraints (regarding the scrollview)

Equal Widths and Heights (regarding the main view)

3. Następny krok zależy od tego, czy chcesz mieć pionowe czy poziome przewijanie. Jeśli potrzebujesz przewijania pionowego, musisz ustawić priorytet „Equal Heights Constraint” na 250. Z drugiej strony, jeśli tym, czego szukasz, jest przewijanie w poziomie, będziesz musiał ustawić priorytet 'Equal Widths Constraint’ na 250.

Zezwala na przewijanie w pionie.

Umożliwia przewijanie w poziomie.

4. Widok przewijania jest już skonfigurowany i gotowy do pracy! Możesz teraz zacząć dodawać swoją zawartość, ale musisz pamiętać, że wysokość „Widoku zawartości” nie może być niejednoznaczna. Oznacza to, że każdy widok, który posiadasz musi mieć zdefiniowane ograniczenie wysokości (wysokość równa X lub mniejsza lub równa X) i że wszystkie komponenty (lub przynajmniej powinieneś mieć ciągłą linię komponentów od góry do dołu) muszą mieć zdefiniowane pionowe odstępy między sobą.

Ponadto, najwyższe i najniższe komponenty muszą mieć odpowiednio górny i dolny odstęp od 'Widoku zawartości’.

5a) Vertical ScrollView – Przykład konfiguracji komponentów