1
00:00:02,240 --> 00:00:05,740
Zacznijmy od wielkości urządzenia,

2
00:00:05,750 --> 00:00:12,140
na którym pracujemy. W tej chwili mam tutaj stosunkowo duże emulatory i teraz to zmienię

3
00:00:12,140 --> 00:00:13,090
i zmienię to

4
00:00:13,100 --> 00:00:18,620
na Androida, ale oczywiście moglibyśmy zrobić to samo na iOS. Tutaj na Androidzie i stworzę nowe urządzenie

5
00:00:18,620 --> 00:00:20,690
wirtualne, które jest o wiele mniejsze

6
00:00:20,690 --> 00:00:26,570
i do tego na mojej liście obrazów podczas tworzenia nowego urządzenia wirtualnego wybiorę super małe

7
00:00:26,660 --> 00:00:27,410
takie

8
00:00:27,410 --> 00:00:30,040
jak ten 3. 7-calowy telefon tutaj.

9
00:00:30,050 --> 00:00:36,290
Jedna ważna uwaga: możesz myśleć, że niewielu użytkowników korzysta z tak małych urządzeń, ale tak

10
00:00:36,470 --> 00:00:39,980
naprawdę zależy to od rynku, na który celujesz.

11
00:00:39,980 --> 00:00:45,980
Jeśli kierujesz reklamy głównie na Stany Zjednoczone, być może nie musisz tak naprawdę optymalizować aplikacji pod kątem

12
00:00:45,980 --> 00:00:47,360
małych urządzeń, ale

13
00:00:47,360 --> 00:00:52,910
jeśli kierujesz reklamy na cały świat lub niektóre kraje wschodzące, wygląda to inaczej, więc zdecydowanie chcesz

14
00:00:52,910 --> 00:00:58,340
aby dowiedzieć się, jaki jest Twój cel i z jakich urządzeń korzystają Twoi docelowi użytkownicy.

15
00:00:59,150 --> 00:01:06,170
Więc utworzę to urządzenie tutaj, stosunkowo małe, po prostu kliknij tutaj, wybierz tutaj Android ciasto jako

16
00:01:06,170 --> 00:01:09,640
wersję Androida, a następnie zakończ to, a

17
00:01:09,770 --> 00:01:14,190
teraz utworzy to urządzenie wirtualne, a teraz uruchomię je.

18
00:01:14,240 --> 00:01:19,740
Więc teraz się uruchamia, na drugim ekranie przywrócę to za

19
00:01:19,770 --> 00:01:22,110
sekundę, na chwilę zamknę

20
00:01:22,110 --> 00:01:27,330
to urządzenie z Androidem, większe i oto moje mniejsze.

21
00:01:27,430 --> 00:01:33,550
Pozwólcie, że trochę to zwiększę, a to tylko zwiększy rozmiar, w którym możemy

22
00:01:33,580 --> 00:01:36,300
to zobaczyć, a nie rozmiar telefonu,

23
00:01:36,420 --> 00:01:43,010
a jak już widać, jest to zdecydowanie mniejsze urządzenie z mniejszą liczbą pikseli dostępnych

24
00:01:43,010 --> 00:01:45,640
zarówno na wysokość i szerokość.

25
00:01:45,660 --> 00:01:50,360
Teraz już wróciłem do mojego projektu, nad którym pracowaliśmy w ostatnich

26
00:01:50,380 --> 00:01:54,900
sekcjach, a dołączasz go na wypadek, gdybyś nie śledził

27
00:01:54,900 --> 00:01:59,730
tego tutaj, a ja już uruchomiłem mój serwer expo z npm

28
00:01:59,730 --> 00:02:06,410
start i przez uderzając, teraz instaluję expo, a następnie tę aplikację tutaj na tym emulatorze.

29
00:02:06,510 --> 00:02:13,460
Poczekajmy, aż to się skończy i uruchomi, a oto moja aplikacja i już możemy powiedzieć, że nasza

30
00:02:13,550 --> 00:02:17,200
aplikacja z pewnością nie jest zoptymalizowana dla mniejszych

31
00:02:17,210 --> 00:02:22,060
ekranów, tutaj przyciski nie są tak dobrze ustawione, więc coś jest nie

32
00:02:22,060 --> 00:02:26,090
tak i zobaczmy, jak to działa, gdy zaczynamy grę.

33
00:02:26,090 --> 00:02:37,490
Cóż, tutaj wydaje się, że to działa, jeśli kliknę Rozpocznij grę, to na pewno działa tutaj, ale mamy problem na ekranie startowym i może tutaj chcemy również

34
00:02:37,550 --> 00:02:42,670
zmienić niektóre rozmiary, może chcemy usunąć margines lub zmniejszamy margines, jaki mamy

35
00:02:42,670 --> 00:02:49,730
między tą liczbą a tym polem, dzięki naszym wejściom tutaj, być może chcemy zwiększyć szerokość naszych pól

36
00:02:50,330 --> 00:02:58,490
tam, nasz dziennik rund, które mieliśmy, więc może chcemy coś tam zmienić i kiedy gra jest na koniec, może chcemy

37
00:02:58,490 --> 00:03:03,590
trochę zmniejszyć rozmiar obrazu, ale ponieważ jest on bardzo duży i faktycznie

38
00:03:03,590 --> 00:03:08,570
ma jedną ogromną wadę, ponieważ ponieważ ta strona nie jest przewijalna, nie

39
00:03:08,810 --> 00:03:12,320
mogę dotrzeć do nowego przycisku gry, więc jest

40
00:03:12,470 --> 00:03:14,950
to prawdziwy łamacz gier, to

41
00:03:15,140 --> 00:03:20,740
naprawdę łamie naszą grę, ta odległość tutaj jest również trochę za duża między

42
00:03:20,780 --> 00:03:22,280
obrazem a tekstem.

43
00:03:22,280 --> 00:03:26,000
Jest mnóstwo pracy do zrobienia tylko dlatego, że jesteśmy na

44
00:03:26,000 --> 00:03:31,610
mniejszym urządzeniu, to nawet nie szanuje faktu, że nasi użytkownicy mogą obracać urządzenie, które, nawiasem mówiąc, w tej

45
00:03:31,640 --> 00:03:36,150
chwili i tak jest wyłączone, więc wrócę do i jak to włączyć w sekundę.

46
00:03:36,170 --> 00:03:43,010
Zacznijmy więc nad tym i dowiedzmy się, jak możemy faktycznie obliczyć dystrybuowaną przestrzeń, rozmiary, których używamy w

47
00:03:43,010 --> 00:03:49,160
bardziej dynamiczny sposób i upewnić się, że nasza aplikacja wygląda dobrze na wszystkich rodzajach urządzeń.