Jak powiększać obrazy scenorysów za pomocą automatycznego układu?

Question

Używam Szkic do tworzenia obrazów, które będą używane w moich scenorkach z automatycznym układem Xcode 6. Jednak nie mogę uzyskać poprawnych rozmiarów obrazów. Zawsze wydają się zbyt duże i przepełniają kontroler widoku storyboardu. Czy istnieje sposób w Xcode, aby zobaczyć wymiary, których oczekuje storyboard? Czy istnieje systematyczny sposób, aby to zrobić ... zamiast prób i błędów?

Answer 1

Scenorys, szczególnie w trybie automatycznego układu, nie oczekuje żadnych wymiarów - wymiary będą zależeć od ekranu urządzenia (w rzeczywistości) lub od symulowanych metryk (w konstruktorze interfejsów w Xcode).

Ważne jest proporcje i obecność trzech plików zasobów (trzy rozmiary - zwykły, 2x i 3x).

Można wyświetlić listę wymiarów tutaj: http://www.paintcodeapp.com/news/iphone-6-screens-demystified

Więc powiedzmy, że chcesz wstawić obraz, który zajmuje całą szerokość ekranu, a wysokość jest wybierany automatycznie, tak aby zachować aspekt stosunek. Co możesz zrobić:

1. Twórz obrazy w Szkic o szerokości 320, 750 i 1242 pikseli. Zapisz je jako image.png, image@2x.png, image@3x.png.
2. Wstaw obraz w Konstruktorze interfejsu (Storyboard), dodaj ograniczenie szerokości - równe jako superview, zamiast ograniczenia wysokości - zachowaj proporcje.
3. Jeśli obraz wyglądał na zbyt duży, Konstruktor interfejsów narzeka, że ​​obraz podglądu nie pasuje do wiązań, zobaczysz małą żółtą strzałkę. Kliknij na niego, wybierz ostrzeżenie i kliknij ponownie - Xcode zaoferuje ci "Aktualizuj ramkę". W razie potrzeby poprawi to rozmiar obrazu. Nie zapomnij wybrać właściwego trybu skalowania (Dopasowanie kształtu?) Do obrazu.

Co więcej, można zobaczyć aktualną szerokość i wysokość symulowanego ekranu na karcie Metryki. Ale te ulegną zmianie za każdym razem, gdy zmienisz typ urządzenia podglądu (symulowanego).