Wracając do naszego kodu, tutaj, na ekranie startowym gry, który jest pierwszym ekranem, który
widzimy, już widzieliśmy, że nasze dwa przyciski - reset i potwierdzenie również nie były tak dobrze ustawione
w naszym pojemniku z przyciskami.
Rzućmy więc okiem na styl, który tam ustawiliśmy, i widzimy, że przypisujemy szerokość
100% do pojemnika na guziki,
ale do czego odnosi się ten rozmiar?
Cóż, ten rozmiar w tym widoku tutaj, oczywiście, jeśli powiemy 100%, w końcu odnosi się do otaczającego
rodzica, którym w tym przypadku jest ta karta, ten
pojemnik wejściowy i ten pojemnik wejściowy, tak naprawdę ustawiamy szerokość 300 i to po prostu jest za mały, w połączeniu z naszymi
przyciskami, które mamy stałą szerokość 100, otrzymujemy ten wygląd, którego nie chcemy, a przy okazji możemy
zobaczyć, czy coś zmienimy, aby nasza aplikacja odbudowała się, a zatem uruchomiła się ponownie, a
następnie ponownie widzimy ten ekran startowy, oto
wygląd, którego nie chcemy.
Więc czego tu chcemy?
Może nie chcemy tutaj szerokości 300, ale bardziej elastycznej szerokości. Ustawiamy maksymalną szerokość 80%, co moglibyśmy tutaj zrobić,
to zawsze możemy ustawić szerokość powiedzmy 80 lub 90% i po prostu upewnić się, że powinna ona zawsze mieć
minimalną szerokość 300, aby zawsze mieć przynajmniej tyle pikseli w przypadku, gdy mamy małe urządzenie, w
którym 80% byłoby mniej niż to i że mamy przynajmniej to
i teraz wyglądałoby to lepiej tutaj.
Dlaczego?
Ponieważ teraz mamy domyślnie 80%, a
wcześniej mieliśmy maksymalną szerokość.
Więc teraz, ustawiając go na wartość domyślną, zapewnia to, że nie jest to nasz limit,
zamiast tego jest to nasz
domyślny rozmiar, ale także ustawiliśmy, że chcemy mieć minimalną szerokość 300. Na tym małym urządzeniu ta minimalna
szerokość zastępuje naszą domyślną szerokość, ponieważ 80% faktycznie byłoby mniejsze niż 300 na
tym małym urządzeniu.
Oczywiście, możesz mieć jeszcze mniejsze urządzenie, gdzie ta reguła prowadzi jednak do problemu,
w którym minimalna szerokość 300 w zasadzie oznacza, że twoje urządzenie jest mniejsze, nie jest wystarczająco szerokie,
a zatem twój kontener wykraczałby poza granice naszego ekran.
To może nie być idealna zasada, ale z pewnością jest lepsza, jak widzimy tutaj, ponieważ
na większym ekranie nadal wygląda dobrze tutaj na iPhonie, na mniejszym ekranie, teraz też
wygląda dobrze.
Teraz, aby upewnić się, że nigdy nie opuszczamy naszych granic, możemy również ustawić maksymalną szerokość i ustawić to na przykład
na 95%, aby mieć co najmniej trochę odstępów wokół niej.
Teraz zapewniamy, że nasz pojemnik nigdy nie wyjdzie poza ekran, ale próbuje zająć 80%, ale w przypadku,
gdy mamy super mały ekran, zajmie
300, ale ponownie, nigdy więcej niż 95% dostępnej szerokości.
Teraz po prostu skonfigurowaliśmy tutaj bardziej elastyczne reguły, które działają na szerszej gamie urządzeń, które, jak
widać, są tutaj nieco lepsze.