Bentornati.
In questo video impareremo a conoscere i layout dei vincoli.
Il layout a vincoli è un gestore di layout versatile e potente, introdotto in Android, che consente di creare con facilità
progetti di interfaccia utente complessi e flessibili.
È stato progettato per semplificare la creazione di siti reattivi e dinamici, adattarsi a varie dimensioni e orientamenti
dello schermo e ridurre la necessità di layout annidati.
Il concetto centrale del layout a vincoli è quello dei vincoli, che definiscono il posizionamento e il dimensionamento
delle viste figlio rispetto alle altre e al layout padre.
I vincoli vengono impostati specificando le connessioni tra i bordi di una vista e le altre viste o
il layout padre.
Viste e widget come pulsanti, testi e altri vengono aggiunti all'interno del tag layout constraint, che
diventa il genitore di tutti gli elementi annidati.
Nel layout a vincoli, ognuno di voi ha quattro lati, che sono chiamati punti di ancoraggio.
I cerchi blu.
Questi punti di ancoraggio funzionano come sorgente o come bersaglio.
Per i vincoli.
Per definire la posizione della vista, occorre aggiungere almeno un vincolo orizzontale e uno verticale; per
impostare le posizioni orizzontali o verticali della vista, è necessario utilizzare alcuni vincoli forniti
in un layout di vincoli.
Questi vincoli sono scritti come mostrato in questa formula generale.
Questa è la sintassi generale per definire i vincoli in Xaml.
Iniziamo con il vincolo di layout dell'applicazione e dobbiamo specificare l'ancoraggio di origine, che è l'inizio e la parte superiore
o inferiore.
Poi abbiamo due trattini bassi e due ancore di destinazione, che in questo caso sono inizio, fine, parte superiore o inferiore, uguali all'ID di
destinazione, che in questo caso può essere l'ID di qualsiasi vista.
Oppure il genitore del layout principale sarà il dispositivo stesso.
In questo caso si sta impostando il layout principale.
Se si specifica un genitore e se si hanno layout annidati, il genitore sarà il layout che contiene quella particolare vista.
Vediamo ora i diversi tipi di vincoli.
La disposizione dei vincoli dall'alto verso il basso.
Questo vincolo indica che la parte superiore della vista di origine deve essere uguale a quella della vista di destinazione.
Lo strato superiore di entrambe le viste, verde e blu, si trova nella stessa posizione verticale.
Il secondo tipo di vincolo è il vincolo di layout Pulsante al fondo, che indica che il pulsante della
vista di origine deve essere uguale al fondo della vista di destinazione.
Lo strato inferiore di entrambe le viste, verde e blu, si trova nella stessa posizione verticale.
Un altro vincolo è top to bottom, che indica che la parte superiore della vista di origine deve essere uguale alla parte
inferiore della vista di destinazione.
Nell'immagine qui riportata, lo strato superiore delle viste verdi e quello inferiore delle viste blu sono in posizione verticale.
Un altro vincolo di visualizzazione è il vincolo di layout bottom to top, che indica che la parte inferiore della vista di origine deve
essere uguale alla parte superiore della vista di destinazione, come mostrato qui.
Lo strato inferiore delle viste verdi e quello superiore delle viste blu sono nella stessa posizione verticale.
Abbiamo un altro inizio di vincolo.
Per cominciare, questo vincolo dice che l'inizio della vista di origine deve essere uguale all'inizio della
vista di destinazione.
Come si può notare, il livello iniziale della vista verde e di quella blu sono nel vincolo di layout della posizione verticale.
Il vincolo End to end indica che la fine della vista di origine deve coincidere con la fine della vista
di destinazione.
Come si può vedere nell'immagine, lo strato finale delle viste verde e blu sono in posizione verticale.
Il vincolo e to start di questo vincolo indica che la fine della vista di origine deve essere allineata all'inizio
della vista di destinazione.
Lo strato finale della vista verde e lo strato iniziale della vista blu sono in posizione verticale.
Il vincolo Inizio-fine indica che l'inizio della vista di origine deve essere allineato alla fine della vista di
destinazione.
Lo strato iniziale della vista verde e quello finale della vista blu sono in posizione verticale.
Con l'aiuto di questi vincoli, è possibile allineare gli elementi nel modo desiderato senza dover ricorrere a inutili
layout annidati.
Passiamo ad Android Studio e iniziamo a conoscere il layout dei vincoli in azione.