WEBVTT

1
00:00.680 --> 00:01.700
Bentornati.

2
00:01.700 --> 00:08.480
In questo video creeremo un selezionatore
di colori per consentire all'utente di
selezionare un colore per la sua nota.

3
00:08.480 --> 00:14.480
Ma prima di iniziare, permettetemi di
aggiungere alcuni padding per la scheda
dell'elemento dell'elenco di note.

4
00:14.480 --> 00:14.930
Qui.

5
00:14.930 --> 00:19.610
Il modificatore equivale al modificatore
del punto di imbottitura per DPI.

6
00:19.640 --> 00:26.030
Se eseguiamo la nostra applicazione, si
può notare il padding tra le note e questo
è più bello.

7
00:26.030 --> 00:27.110
Aprire le schermate.

8
00:27.110 --> 00:34.880
Creare un nuovo file Kotlin chiamato Color
Picker o my Color picker, per
distinguerlo.

9
00:34.910 --> 00:39.350
Creare una nuova funzione componibile
denominata "my color picker".

10
00:39.350 --> 00:41.870
Passa il colore selezionato.

11
00:42.080 --> 00:45.080
È di tipo colore su selezionato.

12
00:45.110 --> 00:46.970
Sul colore selezionato.

13
00:46.970 --> 00:52.850
È un'espressione lambda che prende un
oggetto colore e non restituisce altro.

14
00:52.850 --> 00:55.190
Inoltre, inserire per importare il colore.

15
00:55.190 --> 01:00.720
E all'interno della funzione di selezione
dei colori, definiremo i colori.

16
01:00.750 --> 01:01.440
Elenco.

17
01:01.470 --> 01:02.280
Val.

18
01:02.310 --> 01:03.120
Colori.

19
01:03.120 --> 01:07.830
Elenco uguale all'elenco dei colori
disponibili.

20
01:07.830 --> 01:12.150
Qui utilizzerò un oggetto colore della
classe Color.

21
01:12.150 --> 01:14.250
Questa è la classe del colore.

22
01:14.250 --> 01:19.830
Se ci andiamo, possiamo passare
l'esadecimale a questo colore per creare
un colore.

23
01:19.830 --> 01:27.030
Ad esempio, iniziamo con 59597,2 colori
int.

24
01:27.060 --> 01:31.230
Questo è il primo oggetto del nostro
elenco di colori.

25
01:31.230 --> 01:34.440
Si tratta di una stringa di colore
esadecimale.

26
01:34.470 --> 01:41.220
I codici colore esadecimali sono spesso
utilizzati nello sviluppo web e mobile per
rappresentare i colori.

27
01:41.220 --> 01:46.500
In genere iniziano con un hashtag seguito
da sei caratteri.

28
01:46.500 --> 01:53.280
Mi è sfuggita la lettera F, quindi il
primo per si riferisce al rosso, il

29
01:53.280 --> 01:55.650
secondo per si riferisce al verde e il
terzo per si riferisce al blu.

30
01:55.650 --> 01:58.110
Componenti del colore o di due colori.

31
01:58.110 --> 02:03.250
La funzione Int è una funzione di
estensione fornita dal framework Android.

32
02:03.250 --> 02:10.720
Converte una rappresentazione di stringa
di un colore in formato esadecimale in una
rappresentazione intera.

33
02:10.720 --> 02:20.590
La funzione two color int interpreta la
stringa esadecimale e la converte in un
numero intero di colori argb.

34
02:20.590 --> 02:24.520
Il valore di trasparenza alfa predefinito
è opaco completo.

35
02:24.520 --> 02:27.340
Stiamo creando il primo oggetto colore.

36
02:27.340 --> 02:29.740
Lasciatemi creare gli altri colori.

37
02:49.300 --> 02:50.230
Ed eccoci qui.

38
02:50.260 --> 02:52.510
Questo è il nostro elenco di colori.

39
02:52.540 --> 02:58.720
Ora creeremo una riga pigra per
visualizzarla in orizzontale.

40
02:58.720 --> 03:06.530
All'interno di questa riga laser, è
necessario definire alcuni parametri, come
la disposizione orizzontale dello spazio

41
03:06.560 --> 03:15.650
in modo uniforme, il modificatore di
riempimento del punto, la larghezza
massima del padding del punto.

42
03:15.650 --> 03:23.390
Impostate HTP alt più enter per importare
l'estensione all'interno

43
03:23.390 --> 03:24.320
della riga laser scoop, dobbiamo definire
gli elementi.

44
03:24.320 --> 03:31.010
Quindi, in questo caso, utilizzerò gli
elementi di tipo elenco di colori.

45
03:31.010 --> 03:36.620
E qui definiremo per ogni elemento di
questo elenco un riquadro.

46
03:36.620 --> 03:43.070
Creiamo quindi un nuovo componibile con il
modificatore dot size.

47
03:43.070 --> 03:53.930
Consentitemi di creare il parametro
dimensione 40 dpi imbottitura per DPI clip
forma cerchio sfondo.

48
03:53.960 --> 03:57.830
Il colore che viene passato qui come it.

49
03:57.830 --> 04:04.210
Quindi si può passare perché è un colore,
oppure si può definire un colore qui.

50
04:04.240 --> 04:06.790
Bordo a punti con larghezza.

51
04:06.790 --> 04:12.190
Se è uguale al colore selezionato,
impostarlo su false.

52
04:12.670 --> 04:16.540
In caso contrario, impostare il colore a
zero dpi.

53
04:16.570 --> 04:22.810
Se è uguale al colore selezionato,
impostare il colore sul nero.

54
04:22.840 --> 04:26.080
In caso contrario, impostare il punto di
colore trasparente.

55
04:26.440 --> 04:29.950
Impostare la forma uguale a quella del
cerchio.

56
04:29.950 --> 04:32.830
Quindi consentire all'utente di fare clic
su di esso.

57
04:32.860 --> 04:35.110
Punto cliccabile e utilizzabile.

58
04:35.110 --> 04:42.100
Quando l'utente seleziona il colore, è
necessario eseguire l'operazione sul
colore selezionato e passarlo.

59
04:42.130 --> 04:48.130
Ok, torniamo all'elenco dei nodi da
visualizzare o alla finestra di dialogo
degli avvisi.

60
04:48.160 --> 04:49.360
Visualizzazione della finestra di dialogo.

61
04:49.360 --> 04:51.850
Dobbiamo definire il selezionatore di
colori.

62
04:51.850 --> 04:52.660
Componibile.

63
04:52.690 --> 04:54.310
Il mio selezionatore di colori.

64
04:54.310 --> 05:01.910
Dobbiamo impostare il colore selezionato e
passarlo a select it on color, select it
here.

65
05:01.910 --> 05:07.760
Il primo parametro è il colore
selezionato, ovvero la variabile definita
in precedenza.

66
05:07.790 --> 05:14.510
Sui colori selezionati, dobbiamo impostare
il colore selezionato uguale ad esso.

67
05:14.510 --> 05:21.050
Dobbiamo quindi ottenere il colore
selezionato dall'utente e salvarlo nella
variabile colore selezionato.

68
05:21.080 --> 05:23.000
Lasciatemi eseguire e testare.

69
05:23.000 --> 05:24.740
Questa è la nostra applicazione.

70
05:24.740 --> 05:27.350
Cliccate su questa favola ed eccoci al
punto di partenza.

71
05:27.380 --> 05:28.850
Questo è il nostro selezionatore di
colori.

72
05:28.850 --> 05:33.920
E potete notare che questi colori qui
inizieranno con la partecipazione al
nostro corso di oggi.

73
05:33.920 --> 05:36.530
Si tratta del titolo e della descrizione
del nodo.

74
05:36.530 --> 05:40.460
E selezionerò questo nodo di salvataggio
del colore.

75
05:40.460 --> 05:42.080
Ed eccoci qui.

76
05:42.110 --> 05:43.670
Questo è il nostro nodo.

77
05:43.670 --> 05:45.680
Quindi, congratulazioni ragazzi.

78
05:45.680 --> 05:53.750
Siamo riusciti a costruire questa
fantastica applicazione che utilizza
l'architettura

79
05:53.750 --> 05:56.450
MVVM con database a stanze e con UI
Composables complesse.