Se si esegue l'applicazione, le immagini vengono visualizzate una sopra l'altra.
Inoltre, sono molto grandi.
Impostiamo le dimensioni di queste immagini e il modificatore.
Quindi la dimensione ATP è buona per tutte le immagini.
Ora, per risolvere il problema dell'impilamento e della visualizzazione
l'uno sull'altro, dobbiamo creare una catena all'interno del Constraintlayout.
Quindi, qui si crea una catena orizzontale.
È necessario passare gli elementi e lo stile della catena.
Gli elementi sono immagine Android, immagine Java e immagine Python.
Lo stile della catena.
Stile della catena.
Diffusione dei punti.
Corriamo ed eccoci qua.
Ora va meglio.
Inoltre, possiamo ridurre le dimensioni delle immagini, ad esempio a 65 o 70, il che è positivo.
Ora aggiungiamo il testo sotto ogni immagine.
Quindi dobbiamo creare altri tre compositi all'interno del file CT dei nostri corsi.
Qui creerò tre compositori che contengono solo testi Android.
Naturalmente, è necessario impostare il modificatore per passargli i vincoli.
Al suo interno devo creare del testo.
Il modificatore equivale al modificatore Peso carattere Semibold Dimensione carattere 22 SP.
Questo è il testo di Android.
Creiamo un altro testo Java componibile.
Qui dobbiamo copiare il modificatore e impostarlo su Java.
Inoltre, ho bisogno di creare una nuova funzione componibile modificatore di testo Python e Python.
Ok, ora passiamo al layout dei vincoli.
E in questa sezione dobbiamo passare i vincoli per questi componibili.
Cominciamo con il vincolo del testo Android, in quanto ho bisogno di creare i riferimenti per questi
tre testi, in modo che possiate vedere quanto sia facile lavorare con Constraintlayout in Jetpack Compose.
Se seguite i passi e le note che ho menzionato nelle lezioni.
Testo Android, testo Java, testo Python.
Lasciate che mi sposti qui.
Vincolo come testo Android.
Qui dobbiamo visualizzare un testo al centro dell'immagine.
Sotto ogni immagine, dobbiamo creare due vincoli per un'immagine orizzontale
da sinistra e dall'inizio e dalla fine e dall'alto.
Quindi dobbiamo creare tre vincoli in cima all'inizio e alla fine.
Per ogni testo sotto ciascuna di queste immagini, avvio il pulsante dot link
two Android image dot e imposto il margine a 12 dpi fin dall'inizio.
Collegare due punti immagine Android all'inizio.
Anche il link al punto finale dell'immagine di Android.
È molto semplice.
Ok, questo è il primo.
Chiamiamo il testo di Java il modificatore del punto di vincolo.
Come.
Copiamo questo vincolo come testo Java e cambiamo l'immagine Android in immagine Java allo stesso modo
in cui il modificatore di testo Python modifica il vincolo del punto come testo Python.
Dobbiamo copiare i vincoli qui e impostare l'immagine python come questa.
Eseguiamo ora l'applicazione e congratulazioni! Si può notare che
i testi vengono visualizzati al centro delle immagini.
Devo rimuovere il peso del carattere.
Mi permetta di fare un test.
Inoltre, ho dovuto ridurre le dimensioni a 18 SP e ora va meglio.
Ok, allora mi permetta di rimuovere questo punto e di eseguire il 18, ed eccoci qui.
Ora va meglio.