In questo video parleremo dei pulsanti.
In jetpack.
I pulsanti di composizione sono componenti fondamentali che consentono agli utenti di attivare azioni definite.
Esploriamo i diversi tipi di pulsanti e il loro utilizzo.
Il primo tipo è il pulsante di campo.
Il pulsante di campo è un pulsante a tinta unita con testo a contrasto.
È adatto per azioni molto enfatizzate, come l'invio o il salvataggio.
Si usa quando si vuole sottolineare l'importanza di un'azione primaria.
Iniziamo con l'aggiunta di una funzione di annotazione componibile riempita
di pulsanti, e qui inizierò a definire il pulsante.
Componibile.
Se andiamo sul controllo componibile del pulsante e lo spostiamo con il tasto sinistro del
mouse, possiamo vedere che ci sono molti parametri come onClick, il modificatore abilitato, la forma,
i colori, l'elevazione, il contenuto del bordo, il padding, l'interazione, l'origine e il contenuto.
La cosa più importante e obbligatoria è che onClick, l'onclick è un
parametro per il pulsante componibile che prende come argomento un'espressione lambda.
Il lambda viene eseguito quando si fa clic sul pulsante.
All'interno di queste parentesi graffe, dobbiamo definire il nostro lambda che sarà eseguito quando il pulsante viene cliccato.
Rimuovere questo.
Per farlo, devo specificare l'azione che sarà eseguita quando si fa clic sul pulsante.
Ad esempio, il login v e rendere il messaggio tangibile e l'utente ha fatto clic sul pulsante.
È possibile aggiungere un composable di testo o qualsiasi altro
composable come elementi figli del pulsante, ad esempio il testo.
Quindi ho creato un testo componibile all'interno del pulsante componibile.
Scorrete verso il basso per aggiungerlo all'anteprima, quindi selezionate la modalità di divisione ed ecco fatto.
Questo è il nostro pulsante.
Chiamiamo questo pulsante pieno componibile all'interno del metodo Setcontent.
Quindi eseguire l'applicazione, aprire Logcat e cercare il tag.
Questa è la nostra applicazione.
Abbiamo questo pulsante.
Proverò a fare clic su di esso.
Facendo clic su di esso, viene visualizzato un messaggio di logcat che indica che è stato fatto clic sul pulsante.
Quindi il nostro pulsante funziona bene.
Eseguirà questo codice all'interno del parametro onclick e questo lambda
sarà eseguito ogni volta che il pulsante viene cliccato.
Inoltre, è possibile vedere il testo componibile all'interno del pulsante, ma qui c'è una nota molto importante.
Dovrei menzionarlo.
Questo non è il modo migliore per gestire gli eventi click.
È comune definire una funzione onclick in un altro punto
del codice che contenga l'azione che si desidera eseguire.
Quando il pulsante viene cliccato e passa l'onclick come parametro.
In seguito, lo faremo.
Quando si parla di compositori stateful e stateless, se ne parla.
Posso definire onClick, che è un'espressione lambda che non restituisce
nulla, e qui posso tagliare il logcat e all'interno dell'onclick.
Qui definisco l'espressione lambda onclick che viene passata come parametro.
E quando si chiama il pulsante composable filled all'interno
di setcontent, è necessario passare l'espressione lambda qui.
Si cerca di iniziare con le parentesi graffe e si passa lo stesso messaggio di log v.
Provare a eseguire, selezionare logcat e fare clic sul pulsante per visualizzare un altro messaggio.
Ok, questo è l'approccio migliore per gestire gli eventi click e
passare la gestione dell'evento click per il pulsante come parametro.
Più avanti parleremo di questo aspetto nei compositori stateful e stateless.
Il secondo tipo di pulsanti è il tonale pieno.
Il pulsante tonale riempito ha un colore di sfondo variabile per adattarsi alla superficie.
È adatto anche per azioni primarie o significative.
Utilizzatelo per funzioni come l'aggiunta al carrello o l'accesso.
Per definire un pulsante tonale pieno, inizierò con la funzione di annotazione componibile fill tonal.
Allo stesso modo si definisce qui il parametro click nella tonalità di riempimento.
Poi inizierò con il pulsante tonale riempito.
Questo è il controllo del pulsante tonale riempito composito e il tasto sinistro del mouse per accedere ai parametri compositi
che abbiamo al clic, che è il modificatore di parametri obbligatorio per abilitare la forma, i colori e altri.
Ok, è simile al pulsante riempito qui nell'onclick.
Definisco il lambda onClick che viene passato come parametro.
Inoltre, è possibile definire un altro Composable all'interno del pulsante di
riempimento tonale; qui imposterò il testo come pulsante di riempimento tonale.
Saliamo.
E qui, all'interno di Setcontent, definirò una colonna per poter ospitare i pulsanti in modo colonnare.
Poi chiamerò il pulsante di riempimento tonale che abbiamo definito.
E poi devo passare il messaggio di lookat.
E qui si fa clic sul pulsante tonale.
Eseguiamo la nostra applicazione.
E si possono vedere questi tipi di pulsanti.
Questo è il pulsante di riempimento tonale.
Se faccio clic su di esso, si va alla pagina di ricerca.
Si può notare che il pulsante tonale è cliccato.
Nel prossimo video.
Continuiamo con i pulsanti e i loro tipi.