Quindi, nel nostro codice, qui nella schermata di avvio del gioco che è la prima schermata
che vediamo, potremmo già vedere che i nostri due pulsanti - ripristina e conferma non erano posizionati così bene
nel nostro contenitore di pulsanti.
Quindi diamo un'occhiata allo stile che abbiamo impostato laggiù e ciò che possiamo vedere qui è che
assegniamo la larghezza del 100% sul contenitore
dei pulsanti, ma a cosa si riferisce questa dimensione?
Bene, questa dimensione in questa vista qui, ovviamente se diciamo 100%, alla fine si riferisce al genitore circostante
che in questo caso è questa carta, questo contenitore
di input e su questo contenitore di input, in realtà impostiamo una larghezza di 300 e che semplicemente è troppo piccolo, combinato con
i nostri pulsanti che abbiamo una larghezza fissa di 100, otteniamo questo aspetto che non vogliamo, che possiamo
comunque vedere se cambiamo qualcosa in modo che la nostra app si ricostruisca e quindi si riavvii,
quindi vediamo di nuovo quella schermata di avvio,
ecco l'aspetto che non vogliamo.
Quindi cosa vogliamo qui?
Beh, forse non vogliamo la larghezza di 300 qui, ma una larghezza più flessibile. Stiamo impostando una larghezza massima dell'80%, quello che potremmo
fare qui è che potremmo sempre impostare una larghezza diciamo 80 o 90% e semplicemente assicurarci che questa abbia sempre una
larghezza minima di 300, in modo da avere sempre almeno così tanti pixel nel caso in cui abbiamo un
piccolo dispositivo in cui l'80% sarebbe inferiore a quello e che abbiamo
almeno questo e ora questo apparirebbe meglio qui.
Perché?
Perché ora abbiamo l'80% come valore predefinito e
prima lo avevamo come larghezza massima.
Quindi ora impostandolo su un valore predefinito, questo assicura che questo non sia il nostro limite,
invece è la nostra dimensione predefinita
ma abbiamo anche impostato che vogliamo avere una larghezza minima di 300. Su questo piccolo dispositivo, questa larghezza
minima sta annullando la nostra larghezza predefinita perché l'80% sarebbe effettivamente inferiore a 300
su questo piccolo dispositivo.
Ora, naturalmente, potresti avere un dispositivo ancora più piccolo in cui questa regola porta tuttavia a un problema
in cui una larghezza minima di 300 significa sostanzialmente che il tuo dispositivo è più piccolo di quello, non è abbastanza largo
e quindi, il tuo contenitore andrebbe oltre i confini del nostro schermo.
Quindi questa potrebbe non essere la regola perfetta, ma è sicuramente meglio come possiamo vedere qui perché sullo
schermo più grande, questo sembra ancora buono qui su iPhone, sullo schermo più piccolo, ora sembra
anche buono.
Ora per assicurarci di non lasciare mai i nostri confini, possiamo anche impostare una larghezza massima e impostarla in modo da dire il
95% in modo da avere almeno un po 'di spazio attorno ad esso.
Ora assicuriamo che il nostro contenitore non andrà mai fuori dal nostro schermo ma cerca di prendere l'80% ma nel caso
in cui abbiamo uno schermo super piccolo, ne
occorreranno 300 ma, di nuovo, mai più del 95% della larghezza disponibile.
Quindi ora abbiamo semplicemente impostato regole più flessibili qui che funzionano su una gamma più ampia di dispositivi che, come puoi
dire, qui è un po 'meglio.