1
00:00:02,350 --> 00:00:07,180
Wracając do naszego kodu, tutaj, na ekranie startowym gry, który jest pierwszym ekranem, który

2
00:00:07,370 --> 00:00:13,070
widzimy, już widzieliśmy, że nasze dwa przyciski - reset i potwierdzenie również nie były tak dobrze ustawione

3
00:00:13,160 --> 00:00:14,980
w naszym pojemniku z przyciskami.

4
00:00:15,080 --> 00:00:21,650
Rzućmy więc okiem na styl, który tam ustawiliśmy, i widzimy, że przypisujemy szerokość

5
00:00:21,650 --> 00:00:24,790
100% do pojemnika na guziki,

6
00:00:24,830 --> 00:00:28,380
ale do czego odnosi się ten rozmiar?

7
00:00:28,400 --> 00:00:34,820
Cóż, ten rozmiar w tym widoku tutaj, oczywiście, jeśli powiemy 100%, w końcu odnosi się do otaczającego

8
00:00:34,820 --> 00:00:38,150
rodzica, którym w tym przypadku jest ta karta, ten

9
00:00:38,150 --> 00:00:46,370
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

10
00:00:46,370 --> 00:00:52,640
przyciskami, które mamy stałą szerokość 100, otrzymujemy ten wygląd, którego nie chcemy, a przy okazji możemy

11
00:00:52,640 --> 00:00:58,570
zobaczyć, czy coś zmienimy, aby nasza aplikacja odbudowała się, a zatem uruchomiła się ponownie, a

12
00:00:58,590 --> 00:01:01,280
następnie ponownie widzimy ten ekran startowy, oto

13
00:01:01,340 --> 00:01:03,530
wygląd, którego nie chcemy.

14
00:01:03,530 --> 00:01:06,210
Więc czego tu chcemy?

15
00:01:06,210 --> 00:01:13,500
Może nie chcemy tutaj szerokości 300, ale bardziej elastycznej szerokości. Ustawiamy maksymalną szerokość 80%, co moglibyśmy tutaj zrobić,

16
00:01:13,500 --> 00:01:22,020
to zawsze możemy ustawić szerokość powiedzmy 80 lub 90% i po prostu upewnić się, że powinna ona zawsze mieć

17
00:01:23,790 --> 00:01:31,230
minimalną szerokość 300, aby zawsze mieć przynajmniej tyle pikseli w przypadku, gdy mamy małe urządzenie, w

18
00:01:31,230 --> 00:01:36,180
którym 80% byłoby mniej niż to i że mamy przynajmniej to

19
00:01:36,180 --> 00:01:39,750
i teraz wyglądałoby to lepiej tutaj.

20
00:01:39,750 --> 00:01:40,630
Dlaczego?

21
00:01:40,710 --> 00:01:43,520
Ponieważ teraz mamy domyślnie 80%, a

22
00:01:43,620 --> 00:01:46,070
wcześniej mieliśmy maksymalną szerokość.

23
00:01:46,650 --> 00:01:50,280
Więc teraz, ustawiając go na wartość domyślną, zapewnia to, że nie jest to nasz limit,

24
00:01:50,280 --> 00:01:51,830
zamiast tego jest to nasz

25
00:01:51,840 --> 00:01:57,030
domyślny rozmiar, ale także ustawiliśmy, że chcemy mieć minimalną szerokość 300. Na tym małym urządzeniu ta minimalna

26
00:01:57,060 --> 00:02:02,760
szerokość zastępuje naszą domyślną szerokość, ponieważ 80% faktycznie byłoby mniejsze niż 300 na

27
00:02:02,760 --> 00:02:04,730
tym małym urządzeniu.

28
00:02:04,740 --> 00:02:10,200
Oczywiście, możesz mieć jeszcze mniejsze urządzenie, gdzie ta reguła prowadzi jednak do problemu,

29
00:02:10,200 --> 00:02:16,950
w którym minimalna szerokość 300 w zasadzie oznacza, że twoje urządzenie jest mniejsze, nie jest wystarczająco szerokie,

30
00:02:16,950 --> 00:02:20,800
a zatem twój kontener wykraczałby poza granice naszego ekran.

31
00:02:20,820 --> 00:02:26,070
To może nie być idealna zasada, ale z pewnością jest lepsza, jak widzimy tutaj, ponieważ

32
00:02:26,070 --> 00:02:30,900
na większym ekranie nadal wygląda dobrze tutaj na iPhonie, na mniejszym ekranie, teraz też

33
00:02:30,900 --> 00:02:31,800
wygląda dobrze.

34
00:02:31,800 --> 00:02:38,730
Teraz, aby upewnić się, że nigdy nie opuszczamy naszych granic, możemy również ustawić maksymalną szerokość i ustawić to na przykład

35
00:02:38,970 --> 00:02:42,920
na 95%, aby mieć co najmniej trochę odstępów wokół niej.

36
00:02:42,960 --> 00:02:50,340
Teraz zapewniamy, że nasz pojemnik nigdy nie wyjdzie poza ekran, ale próbuje zająć 80%, ale w przypadku,

37
00:02:50,670 --> 00:02:53,780
gdy mamy super mały ekran, zajmie

38
00:02:53,790 --> 00:02:57,840
300, ale ponownie, nigdy więcej niż 95% dostępnej szerokości.

39
00:02:58,440 --> 00:03:04,440
Teraz po prostu skonfigurowaliśmy tutaj bardziej elastyczne reguły, które działają na szerszej gamie urządzeń, które, jak

40
00:03:04,500 --> 00:03:06,390
widać, są tutaj nieco lepsze.