Colore, allineamento e overflow

Il testo predefinito adotta il colore del tema, ma spesso è necessario usare una tonalità specifica. Compose consente di impostare color e di gestire facilmente contenuti lunghi.

Passare un color per ricolorare qualsiasi Text. Usare direttamente valori Color oppure recuperare colori semantici da MaterialTheme per ottenere risultati che si adattano al tema.

I colori codificati direttamente nel codice non funzionano bene nella modalità scura. Utilizzare MaterialTheme.colorScheme per mantenere il testo leggibile su qualsiasi sfondo.

Controllare l'allineamento orizzontale con textAlign. Centrare un titolo o giustificare un paragrafo; questa proprietà ha effetto solo quando Text ha una larghezza da occupare.

Affinché textAlign abbia effetto, Text deve essere più largo delle sue parole, in genere tramite fillMaxWidth. Altrimenti si adatta al testo e non cambia nulla.

I dati reali possono essere più lunghi dello spazio disponibile. Senza un piano, il testo può alterare il layout o venire troncato in modo poco elegante. La gestione dell'overflow risolve il problema.

Limitare l'altezza impostando maxLines. Il testo verrà visualizzato su un numero di righe non superiore a quello indicato, interrompendosi senza aggiungere altro e mantenendo prevedibili le dimensioni delle righe.

Combinare maxLines con overflow = TextOverflow.Ellipsis per troncare il testo con tre puntini, segnalando che c'è altro da leggere.

TextOverflow offre anche Clip, che taglia semplicemente il testo al bordo, e Visible, che consente al testo di fuoriuscire. Ellipsis è l'impostazione predefinita più intuitiva. 🙂

Utilizzare minLines per riservare spazio, così l'altezza di una scheda non cambia quando, in un elenco, un elemento contiene meno testo di un altro.

I colori chiariscono il significato, l'allineamento guida l'occhio e le regole di overflow mantengono stabili i layout, indipendentemente dalla lunghezza dei dati reali.

Ha imparato a colorare il testo con color, a posizionarlo usando textAlign e a gestire i contenuti lunghi con maxLines e overflow. I layout rimangono ordinati. ✨