Autoukład w iOS - Prawidłowa prezentacja widoku pod półprzezroczystym paskiem nawigacyjnym

Question

W moim scenorysie mam UIImageView, który chciałbym umieścić na ustalonej odległości poniżej półprzezroczystego paska nawigacyjnego. Mam symulowany górny pasek, a kontroler widoku ustawiony jest na półprzezroczysty pasek, a ograniczenie, które mam, mówi teraz: "Najwyższa spacja, aby uzyskać lepszy wynik równy 52", 8 punktów poniżej paska.

Jednak po obróceniu widoku do pozycji poziomej pasek nawigacji zmniejsza się do 34 punktów, a widok obrazu nadal wynosi 52 punkty, tak jak w pionie.

Jakiego ograniczenia mogę użyć w IB, aby umieścić widok obrazu pod 8 punktami poniżej paska nawigacyjnego, bez względu na wysokość paska?

Dzięki!

Answer 1

Wybierz zarówno obrazView, jak i topBar w storyBoard. W prawym dolnym rogu ekranu pojawi się przycisk, który wygląda jak H:

zaznacz go i wybierz „Pionowy rozstaw”. Ustaw ograniczenie 8 pikseli i powinno działać.

Answer 2

Wybierz swój UIImageView i przeciągnij i pociągnij za pomocą przewodnika układu, aby utworzyć wiązanie. Jeśli nie znasz instrukcji Top Layout Guide, możesz ją wybrać w widoku struktury po lewej stronie.

Answer 3

Jak zauważył Nestor, ustawiasz górny odstęp za pomocą górnej krawędzi widoku, a nie najbliższego sąsiada, który jest paskiem nawigacji. Powinieneś ustawić górne ograniczenie odstępu za pomocą Przewodnika top layoutu, aby go naprawić niezależnie od klasy wielkości i orientacji.

Aby to zrobić, przytrzymaj wciśnięty klawisz CTRL i przeciągnij linię od UIImageView do Top Layout Guide i wybierz Vertical Spacing z listy.