Le funzioni componibili sono un concetto fondamentale di Jetpack Compose.
Sono funzioni leggere e autonome che definiscono i componenti dell'interfaccia utente nell'applicazione Android.
Queste funzioni sono utilizzate per descrivere l'aspetto dell'interfaccia utente
in base allo stato attuale dell'applicazione o dei dati.
Le funzioni componibili sono annotate con at composable che descrivono come devono
essere visualizzati gli elementi dell'interfaccia utente in base ai loro input.
Come vi ho detto, queste funzioni sono contrassegnate dalla notazione add composable.
Le funzioni componibili di Jetpack Compose sono progettate per essere modulari e riutilizzabili.
Incoraggiano la scomposizione di UI complesse in parti più piccole e componibili.
In questo modo è più facile ragionare e mantenere il codice dell'interfaccia utente.
Sono progettati per essere ricomposti o rieseguiti ogni volta che i dati o lo
stato sottostante cambiano, consentendo all'interfaccia utente di aggiornarsi automaticamente in risposta a tali modifiche.
Una delle caratteristiche principali delle funzioni componibili è che sono dichiarative: invece
di descrivere imperativamente come aggiornare l'interfaccia utente quando lo stato cambia, si
dichiara come dovrebbe apparire l'interfaccia utente in base allo stato corrente.
Entriamo in Android Studio e iniziamo a creare la nostra prima funzione componibile.
Aprite Android Studio, selezionate un nuovo progetto e scegliete un'attività vuota e non un'attività della vista vuota.
Vista vuota, attività vuota.
Quindi fate clic su Avanti e inserite il nome dell'applicazione, il nome del pacchetto, il percorso
di salvataggio e l'SDK minimo e il linguaggio di configurazione della compilazione, che è Kotlin DSL.
Fare clic su Fine e attendere che Android Studio configuri il progetto.
E questo è il nostro progetto Jetpack Compose.
Non preoccupatevi, chiariremo e spiegheremo ogni singolo
codice, ma concentriamoci sulle funzioni componibili.
Qui si può vedere che abbiamo una funzione componibile chiamata saluto.
È l'annotazione a composable, utilizzata da Jetpack Compose.
Indica che la funzione seguente è una funzione
componibile, cioè descrive una parte della funzione UI.
Saluto.
È il nome della funzione.
Dichiara una funzione compostabile denominata greeting.
Richiede due parametri, il nome, che è di tipo stringa e rappresenta il nome
della persona da salutare, e il modificatore, che è un parametro di tipo.
I modificatori sono utilizzati in Jetpack Compose per applicare vincoli di stile e di layout agli elementi dell'interfaccia utente.
La parte del modificatore fornisce un valore predefinito del modificatore se non
viene specificato esplicitamente alcun modificatore quando si chiama la funzione di saluto.
Non preoccupatevi, parleremo dei modificatori nei prossimi video.
All'interno della funzione composta di saluto abbiamo questo testo.
Testo all'interno della funzione di saluto.
Utilizza un'altra funzione componibile di tipo text.
Quindi il testo è un'altra funzione componibile utilizzata per visualizzare il messaggio di saluto.
Richiede due parametri, il primo è il testo e il secondo è il modificatore.
Il primo, che è il testo del testo, corrisponde al testo da visualizzare.
In questo caso, si tratta di hello seguito dal valore del parametro name che viene
passato nei parametri della funzione greeting e dal modifier il modificatore da applicare al testo.
Componibile.
Questa parte o questo parametro viene passato dalla funzione greeting per consentire la personalizzazione dello
stile e del layout dell'elemento di testo quando greeting viene utilizzato in contesti diversi.
Quindi questa funzione di saluto, funzione componibile, incapsula la logica per la
visualizzazione di un messaggio di saluto in modo flessibile e riutilizzabile.
Permette di creare facilmente messaggi di auguri con nomi diversi e di applicare
personalizzazioni e stili con vincoli di layout, se necessario, fornendo un modificatore.
Eseguiamo il nostro codice e vediamo i Composable in azione