In questo video impareremo a conoscere le barriere di Jetpack Compose.
Le barriere vengono utilizzate per creare vincoli rispetto ai bordi di più elementi.
Le barriere possono essere utili quando è necessario allineare gli elementi in
base al bordo più esterno degli altri elementi, come le linee guida.
Abbiamo due tipi di barriere, verticali e orizzontali.
L'unica differenza tra le barriere e le linee guida è che la posizione delle barriere è flessibile e si basa sempre
sulle dimensioni degli elementi multipli dell'interfaccia utente contenuti al suo interno, mentre la posizione delle linee guida è sempre fissa.
Continuiamo con il nostro esempio.
E qui, all'interno del Constraintlayout, definirò una barriera.
Per creare una barriera, dobbiamo iniziare con la val.
Barriera uno equivale a creare una barriera.
E qui dobbiamo specificare la barriera per la casella uno e la casella due.
Scatola uno e scatola due.
E per essere più chiaro, ho ridotto questa linea guida allo 0,05%.
Lasciatemi correre.
E questo è un bene.
5% da sinistra.
Questa è la linea guida, la linea guida verticale.
Passiamo ora alla barriera.
Sfruttate questa barriera.
Abbiamo creato questa barriera utilizzando Crea e barriera, che può essere utilizzata per creare
la barriera iniziale, creare la barriera superiore, creare la barriera inferiore e altre ancora.
Ma per ora, a titolo dimostrativo, in questo esempio utilizziamo Create e barrier.
In questo modo si creerà una barriera all'estremità che è il lato destro
o il bordo destro della scatola numero uno e della scatola numero due.
La barriera sarà posizionata sul bordo destro più lontano tra le due caselle.
Lasciate che vi mostri la casella numero uno.
Non dobbiamo modificare nulla.
Anche la scatola numero due.
E per il testo devo posizionare questo testo e creare una barriera tra le caselle e il testo.
Per questo devo collegarlo alla barriera numero uno e non alla linea guida, e impostare il margine a 16 dpi.
Eseguo l'applicazione ed eccoci qui.
Si può notare che si tratta di una linea verticale.
Linea guida verticale per il posizionamento della scatola numero uno.
E la scatola numero due.
Si tratta di una barriera verticale tra i riquadri e il testo.
Quindi qui il testo è vincolato a una barriera che prenderà il bordo più lontano dei due componibili.
Lasciate quindi che vi mostri e spieghi meglio e renda più chiaro il concetto.
Se imposto la dimensione del riquadro numero due a 150 dpi, si può notare
che la posizione del testo cambia in base alla dimensione del riquadro numero due.
Se lo cambio, ad esempio, in 8080.
Quindi, la casella numero due è più piccola della casella numero uno.
Prenderà il bordo più lontano di entrambi i compositori di vincoli e imposterà una barriera.
Quindi la barriera prenderà il bordo più lontano dell'interno componibile più grande e
creerà una linea verticale e verticale tra le caselle e il testo.
Quindi il nostro testo è collegato alla barriera e le barriere aiutano ad allineare gli
elementi rispetto ai bordi combinati di più elementi, il che può essere utile per layout
complessi, in cui gli elementi devono essere posizionati dinamicamente in base al loro contenuto.