Bentornati.
In questo video creeremo un selezionatore di colori per consentire all'utente di selezionare un colore per la sua nota.
Ma prima di iniziare, permettetemi di aggiungere alcuni padding per la scheda dell'elemento dell'elenco di note.
Qui.
Il modificatore equivale al modificatore del punto di imbottitura per DPI.
Se eseguiamo la nostra applicazione, si può notare il padding tra le note e questo è più bello.
Aprire le schermate.
Creare un nuovo file Kotlin chiamato Color Picker o my Color picker, per distinguerlo.
Creare una nuova funzione componibile denominata "my color picker".
Passa il colore selezionato.
È di tipo colore su selezionato.
Sul colore selezionato.
È un'espressione lambda che prende un oggetto colore e non restituisce altro.
Inoltre, inserire per importare il colore.
E all'interno della funzione di selezione dei colori, definiremo i colori.
Elenco.
Val.
Colori.
Elenco uguale all'elenco dei colori disponibili.
Qui utilizzerò un oggetto colore della classe Color.
Questa è la classe del colore.
Se ci andiamo, possiamo passare l'esadecimale a questo colore per creare un colore.
Ad esempio, iniziamo con 59597,2 colori int.
Questo è il primo oggetto del nostro elenco di colori.
Si tratta di una stringa di colore esadecimale.
I codici colore esadecimali sono spesso utilizzati nello sviluppo web e mobile per rappresentare i colori.
In genere iniziano con un hashtag seguito da sei caratteri.
Mi è sfuggita la lettera F, quindi il primo per si riferisce al rosso, il
secondo per si riferisce al verde e il terzo per si riferisce al blu.
Componenti del colore o di due colori.
La funzione Int è una funzione di estensione fornita dal framework Android.
Converte una rappresentazione di stringa di un colore in formato esadecimale in una rappresentazione intera.
La funzione two color int interpreta la stringa esadecimale e la converte in un numero intero di colori argb.
Il valore di trasparenza alfa predefinito è opaco completo.
Stiamo creando il primo oggetto colore.
Lasciatemi creare gli altri colori.
Ed eccoci qui.
Questo è il nostro elenco di colori.
Ora creeremo una riga pigra per visualizzarla in orizzontale.
All'interno di questa riga laser, è necessario definire alcuni parametri, come la disposizione orizzontale dello spazio
in modo uniforme, il modificatore di riempimento del punto, la larghezza massima del padding del punto.
Impostate HTP alt più enter per importare l'estensione all'interno
della riga laser scoop, dobbiamo definire gli elementi.
Quindi, in questo caso, utilizzerò gli elementi di tipo elenco di colori.
E qui definiremo per ogni elemento di questo elenco un riquadro.
Creiamo quindi un nuovo componibile con il modificatore dot size.
Consentitemi di creare il parametro dimensione 40 dpi imbottitura per DPI clip forma cerchio sfondo.
Il colore che viene passato qui come it.
Quindi si può passare perché è un colore, oppure si può definire un colore qui.
Bordo a punti con larghezza.
Se è uguale al colore selezionato, impostarlo su false.
In caso contrario, impostare il colore a zero dpi.
Se è uguale al colore selezionato, impostare il colore sul nero.
In caso contrario, impostare il punto di colore trasparente.
Impostare la forma uguale a quella del cerchio.
Quindi consentire all'utente di fare clic su di esso.
Punto cliccabile e utilizzabile.
Quando l'utente seleziona il colore, è necessario eseguire l'operazione sul colore selezionato e passarlo.
Ok, torniamo all'elenco dei nodi da visualizzare o alla finestra di dialogo degli avvisi.
Visualizzazione della finestra di dialogo.
Dobbiamo definire il selezionatore di colori.
Componibile.
Il mio selezionatore di colori.
Dobbiamo impostare il colore selezionato e passarlo a select it on color, select it here.
Il primo parametro è il colore selezionato, ovvero la variabile definita in precedenza.
Sui colori selezionati, dobbiamo impostare il colore selezionato uguale ad esso.
Dobbiamo quindi ottenere il colore selezionato dall'utente e salvarlo nella variabile colore selezionato.
Lasciatemi eseguire e testare.
Questa è la nostra applicazione.
Cliccate su questa favola ed eccoci al punto di partenza.
Questo è il nostro selezionatore di colori.
E potete notare che questi colori qui inizieranno con la partecipazione al nostro corso di oggi.
Si tratta del titolo e della descrizione del nodo.
E selezionerò questo nodo di salvataggio del colore.
Ed eccoci qui.
Questo è il nostro nodo.
Quindi, congratulazioni ragazzi.
Siamo riusciti a costruire questa fantastica applicazione che utilizza l'architettura
MVVM con database a stanze e con UI Composables complesse.