Bentornati.
In questo video parleremo delle linee guida.
Chi ha dimestichezza con gli strumenti di progettazione grafica conosce già
il concetto di linee guida, perché sono di uso comune.
Ma per coloro che non lo sono, una linea guida è una guida visiva che non viene vista in fase di esecuzione.
Utilizzate per allineare altre viste nelle linee guida di Constraintlayout, sono aiutanti di layout invisibili
che consentono di creare un posizionamento e un allineamento precisi degli elementi dell'interfaccia utente.
Le linee guida fungono da linea di riferimento all'interno del layout, fornendo un modo per posizionare le
viste rispetto a tali linee guida piuttosto che ai bordi del layout padre o di altre viste.
Esistono due tipi di linee guida.
Una linea guida può essere orizzontale o verticale.
Le linee guida verticali hanno una larghezza pari a zero e un'altezza pari al loro constraintlayout out.
Le linee guida orizzontali permanenti hanno un'altezza pari a zero e la larghezza del loro genitore di layout di vincolo.
Entriamo in Android Studio e iniziamo a utilizzare le linee guida.
Se voglio allineare questi elementi componibili sulla stessa linea verticale, devo creare una linea
guida, una linea guida verticale, e impostarla, ad esempio, al 10% o al 25
o a qualsiasi percentuale, e collegare gli elementi componibili a questa linea guida.
Voglio quindi che vi concentriate con me per imparare a creare delle linee guida.
Anche in questo caso, le linee guida aiutano a creare layout coerenti e adattivi, posizionando gli
elementi rispetto a una percentuale o a una distanza specifica dall'inizio o dalla fine del genitore.
A questo scopo, creeremo una nuova linea guida utilizzando la linea guida uno uguale.
Per creare una linea guida dall'inizio, dobbiamo posizionare gli elementi
dal lato sinistro e allinearli verticalmente dal lato sinistro.
Per questo utilizzerò la linea guida per la creazione.
Dall'inizio aggiungere una frazione.
È possibile vedere il galleggiante di frazione o l'offset dp.
Possiamo specificare 16 dp oppure posso specificare una percentuale.
Ad esempio 0,25 f.
Si trova nel primo quarto dello schermo.
Lasciate che vi mostri.
Se imposto 0,15 F, devo collegare i compositi che le caselle e il testo a questa linea guida.
Quindi questa linea guida, utilizzando il metodo crea linea guida dall'inizio e specificando 0,15 F,
creerà una linea guida posizionata al 15% dall'inizio o dal bordo sinistro del Constraintlayout padre.
Dobbiamo collegarci alla linea guida numero uno anche per la casella
numero due, dobbiamo specificare l'inizio della linea guida numero uno.
E per il testo.
Allo stesso modo dobbiamo specificare la linea guida numero uno.
Quindi tutti i Composable sono collegati alla linea guida numero uno dal lato sinistro.
Eseguiamo la nostra applicazione e vediamo.
Eccoci qua.
Questa è la nostra applicazione.
Questa è la prima scatola.
Questa è la seconda scatola.
E il testo oops l'ho impostato alla fine, devo usare di nuovo l'avvio.
Ed eccoci qui.
I tre Composable sono allineati verticalmente, collegati a una linea
guida virtuale posizionata al 15% dall'inizio del constraintlayout padre.
Inoltre, posso impostarlo a 20.
Ad esempio.
Si può notare che posso impostare ad esempio 30.
Si può notare che questo è il potere dell'utilizzo delle linee guida in Constraintlayout.