1 00:00:02,240 --> 00:00:05,740 Cominciamo semplice con le dimensioni del dispositivo 2 00:00:05,750 --> 00:00:12,140 su cui siamo in esecuzione. In questo momento ho emulatori relativamente grandi qui e ora lo cambierò 3 00:00:12,140 --> 00:00:13,090 e lo cambierò 4 00:00:13,100 --> 00:00:18,620 su Android, ma ovviamente potremmo fare lo stesso su iOS. Qui su Android e creerò un nuovo dispositivo virtuale 5 00:00:18,620 --> 00:00:20,690 che è in realtà molto più piccolo 6 00:00:20,690 --> 00:00:26,570 e per quello nella mia lista di immagini qui quando creerò un nuovo dispositivo virtuale, ne sceglierò uno 7 00:00:26,660 --> 00:00:27,410 super 8 00:00:27,410 --> 00:00:30,040 piccolo come questo 3. Telefono da 7 pollici qui. 9 00:00:30,050 --> 00:00:36,290 Ora, una nota a margine importante, potresti pensare che non molti utenti utilizzano più dispositivi così 10 00:00:36,470 --> 00:00:39,980 piccoli, ma ciò dipende davvero dal mercato di destinazione. 11 00:00:39,980 --> 00:00:45,980 Se ti rivolgi principalmente agli Stati Uniti, forse non hai davvero bisogno di ottimizzare la tua app per dispositivi 12 00:00:45,980 --> 00:00:47,360 di piccole dimensioni, ma 13 00:00:47,360 --> 00:00:52,910 se stai prendendo di mira tutto il mondo o forse alcuni paesi emergenti, allora sembra diverso, quindi 14 00:00:52,910 --> 00:00:58,340 sicuramente vuoi per sapere qual è il tuo target e quali dispositivi utilizzano gli utenti target. 15 00:00:59,150 --> 00:01:06,170 Quindi creerò questo dispositivo qui, uno relativamente piccolo, semplicemente fai clic qui accanto, seleziono la torta Android nel mio 16 00:01:06,170 --> 00:01:09,640 caso qui come versione Android e quindi finisco questo 17 00:01:09,770 --> 00:01:14,190 e ora questo creerà questo dispositivo virtuale e ora lo lancerò anche. 18 00:01:14,240 --> 00:01:19,740 Quindi ora questo si sta avviando, sul mio secondo schermo lo riporto qui tra un 19 00:01:19,770 --> 00:01:22,110 secondo, per il momento chiuderò questo 20 00:01:22,110 --> 00:01:27,330 dispositivo Android, questo più grande ed ecco il mio più piccolo che si avvia. 21 00:01:27,430 --> 00:01:33,550 Consentitemi inoltre di aumentare un po 'questo e questo aumenta solo le dimensioni in cui 22 00:01:33,580 --> 00:01:36,300 possiamo vederlo, non la dimensione del telefono 23 00:01:36,420 --> 00:01:43,010 e, come si può già dire, questo è sicuramente un dispositivo più piccolo con meno pixel disponibili 24 00:01:43,010 --> 00:01:45,640 sia sul altezza e larghezza. 25 00:01:45,660 --> 00:01:50,360 Quindi ora con questo, sono già tornato nel mio progetto, questo è il 26 00:01:50,380 --> 00:01:54,900 progetto a cui abbiamo lavorato nelle ultime sezioni e lo trovi allegato 27 00:01:54,900 --> 00:01:59,730 nel caso in cui non avessi seguito qui e ho già avviato il mio 28 00:01:59,730 --> 00:02:06,410 server expo con npm start e by colpendo a, ora installo expo e quindi questa app qui su questo emulatore. 29 00:02:06,510 --> 00:02:13,460 Quindi aspettiamo che questo finisca e si avvii ed ecco la mia app e possiamo già dire che la 30 00:02:13,550 --> 00:02:17,200 nostra app non è certamente ottimizzata per schermi più 31 00:02:17,210 --> 00:02:22,060 piccoli, qui i pulsanti non sono posizionati così bene quindi qualcosa non va 32 00:02:22,060 --> 00:02:26,090 lì e ora vediamo come funziona quando iniziamo il gioco. 33 00:02:26,090 --> 00:02:37,490 Bene, qui sembra che funzioni, se faccio clic su Avvia gioco, sicuramente funziona qui, ma abbiamo un problema nella schermata iniziale e forse qui, vogliamo cambiare anche alcune dimensioni, forse 34 00:02:37,550 --> 00:02:42,670 vogliamo rimuovere il margine o ridurre il margine che abbiamo tra questo numero 35 00:02:42,670 --> 00:02:49,730 e questa casella con i nostri input qui, forse vogliamo aumentare la larghezza delle nostre scatole laggiù, il 36 00:02:50,330 --> 00:02:58,490 nostro registro dei round che abbiamo avuto, quindi forse vogliamo cambiare qualcosa lì e quando il gioco è forse vogliamo ridurre 37 00:02:58,490 --> 00:03:03,590 un po 'le dimensioni dell'immagine, ma poiché questo è molto grande e in 38 00:03:03,590 --> 00:03:08,570 realtà ha un enorme svantaggio perché poiché questa pagina non è scorrevole, non 39 00:03:08,810 --> 00:03:12,320 riesco a raggiungere il nuovo pulsante di gioco, quindi 40 00:03:12,470 --> 00:03:14,950 è un vero game breaker, sta 41 00:03:15,140 --> 00:03:20,740 davvero rompendo il nostro gioco, anche questa distanza è un po 'troppo grande tra l'immagine 42 00:03:20,780 --> 00:03:22,280 e il testo. 43 00:03:22,280 --> 00:03:26,000 C'è un sacco di lavoro da fare solo perché siamo su un 44 00:03:26,000 --> 00:03:31,610 dispositivo più piccolo, questo non rispetta nemmeno il fatto che i nostri utenti potrebbero ruotare il dispositivo che comunque 45 00:03:31,640 --> 00:03:36,150 al momento è disabilitato e quindi tornerò a questo e come abilitarlo in un secondo. 46 00:03:36,170 --> 00:03:43,010 Quindi iniziamo a lavorare su questo e impariamo come possiamo effettivamente calcolare il nostro spazio che stiamo distribuendo, le dimensioni che utilizziamo 47 00:03:43,010 --> 00:03:49,160 in un modo più dinamico e assicuriamo che la nostra app appaia bene su tutti i tipi di dispositivi.