WEBVTT 00:00.550 --> 00:01.840 Salve, amici miei. 00:02.170 --> 00:05.590 In questo video, creeremo l'applicazione contatore. 00:05.740 --> 00:14.170 Inizieremo quindi con la progettazione del layout, poi con la creazione delle viste, quindi con l'aggiunta delle funzionalità 00:14.170 --> 00:17.110 e infine con l'esecuzione e il test. 00:17.350 --> 00:23.410 Quindi, come di consueto, inizieremo creando il layout e progettando il layout utilizzando l'editor di layout 00:23.410 --> 00:24.820 di Android studio. 00:24.850 --> 00:31.480 Poi dichiariamo le viste che abbiamo creato nell'XML, quindi aggiungiamo le funzionalità, gestiamo 00:31.480 --> 00:38.410 gli eventi, creiamo le funzioni e gestiamo gli eventi di clic e poi eseguiamo e testiamo. 00:38.770 --> 00:44.200 Quindi, entriamo in Android Studio e iniziamo a costruire questa fantastica applicazione. 00:45.160 --> 00:56.410 Quindi ho creato questo progetto vuoto, un'attività vuota e vuota, e iniziamo a costruire il layout. 00:56.890 --> 01:04.180 Passerò quindi alla modalità divisa e inizierò a progettare il layout qui. 01:04.890 --> 01:13.290 Inizierò copiando questo sfondo chiamato gradient underscore wall e lo sposterò nella 01:13.290 --> 01:15.240 cartella globale. 01:16.740 --> 01:17.670 Questi. 01:19.600 --> 01:24.520 Due sfondi e i PNG provengono dai video precedenti. 01:24.520 --> 01:33.370 Ma non preoccupatevi, abbiamo creato la parete sfumata di underscore, quindi userò l'attributo background qui all'interno 01:33.370 --> 01:36.220 del layout del vincolo. 01:37.370 --> 01:46.970 Per specificare, specificare il gradiente della carta da parati, sottolineando muro, e impostarlo come sfondo. 01:46.970 --> 01:55.250 Si può notare che abbiamo cambiato lo sfondo di questo layout e all'interno di questo layout 01:55.460 --> 01:58.970 creerò due widget, la vista testo. 02:00.830 --> 02:04.880 Si tratta di una vista di testo che avvolge il contenuto. 02:04.880 --> 02:06.230 Contenuto dell'involucro. 02:06.260 --> 02:15.680 L'ID sarebbe vista del testo del contatore o testo del contatore. 02:16.310 --> 02:23.690 Le sue dimensioni sarebbero 30 o 48. 02:23.690 --> 02:31.850 Preferisco usare 48 SB Il testo sarebbe Lascia che ti mostri. 02:32.690 --> 02:37.250 Potete vedere che questo è il testo qui. 02:37.610 --> 02:39.920 Posso dedurre i vincoli. 02:40.310 --> 02:51.110 Faccio clic su questo pulsante di inferenza del vincolo per aggiungere direttamente questo vincolo e si possono usare questi attributi per 02:51.350 --> 02:53.240 il layout del vincolo. 02:55.460 --> 02:57.290 Questo è il testo. 02:58.970 --> 03:04.310 Rimuoverò il testo perché non ne ho bisogno o potrò mettere lo zero. 03:04.550 --> 03:05.720 Zero è buono. 03:07.090 --> 03:10.060 Lo cambierò in 72. 03:10.750 --> 03:13.720 È più grande perché stiamo visualizzando solo numeri. 03:13.750 --> 03:16.120 Ora creerò il fondo. 03:16.540 --> 03:17.590 Contenuto rap. 03:17.590 --> 03:18.650 Contenuto rap. 03:18.670 --> 03:26.950 L'ID sarebbe battuto e il testo sarebbe cliccami. 03:27.220 --> 03:31.750 Posso trascinarlo sotto lo zero. 03:31.780 --> 03:34.020 Faccio clic su Inferisci vincolo. 03:34.030 --> 03:34.960 Questo è il fondo. 03:34.960 --> 03:43.930 Si può notare che Android studio è abbastanza intelligente da aggiungere il vincolo per il limite superiore 03:43.930 --> 03:51.210 di questo pulsante sotto il limite zero e i vincoli destro e sinistro. 03:51.220 --> 03:53.540 Si può vedere, ovviamente. 03:55.840 --> 03:59.930 L'ID viene fornito. 03:59.950 --> 04:02.470 Posso scendere così. 04:02.800 --> 04:10.870 Inoltre, posso aumentare le dimensioni di questo testo, ma ora creerò un'altra vista di testo. 04:10.870 --> 04:12.310 Per dare il 04:14.890 --> 04:25.630 benvenuto alla controdomanda, lo darò come benvenuto, testo sottolineato 04:25.630 --> 04:36.010 e il testo sarà Benvenuto alla controdomanda o alla controdomanda. 04:37.570 --> 04:39.280 Potete vederlo qui. 04:39.820 --> 04:42.880 Lo trascinerò da qui a qui. 04:43.840 --> 04:52.510 Lo sposto in questo punto e faccio clic su Inferisce i vincoli e su Controllo. 04:52.510 --> 04:57.940 Questa è la linea rossa e il cerchio rosso. 04:57.970 --> 05:04.870 Faccio clic su di esso per eliminare questo vincolo e poi aggiungo il vincolo a questo e lo sposto 05:04.870 --> 05:05.920 in basso. 05:06.730 --> 05:13.810 Si può anche vedere il codice, se si preferisce scrivere il codice nell'XML. 05:14.560 --> 05:18.070 Questo è il codice del layout. 05:18.100 --> 05:24.180 Aumenterò un po' le dimensioni di questa vista di testo per poterla visualizzare bene. 05:25.030 --> 05:26.920 La controdomanda. 05:28.930 --> 05:32.450 Il secondo passo è la dichiarazione dei widget. 05:32.470 --> 05:34.850 Inizierò quindi con la visualizzazione del testo. 05:34.870 --> 05:43.960 Testo per visualizzare il testo di benvenuto e il testo del contatore. 05:43.960 --> 05:52.300 Posso creare più viste di testo separandole con una virgola alta più enter per importare il pacchetto e la 05:52.300 --> 05:54.670 classe della vista di testo. 05:54.790 --> 06:00.160 E qui ho bisogno dell'istanza del pulsante chiamato BTN. 06:01.330 --> 06:06.190 Alt più enter per importare il pacchetto e la classe del pulsante. 06:06.400 --> 06:11.530 E ora, nel terzo passo, istanziamo questi widget. 06:12.010 --> 06:18.270 Quindi, sia che si tratti di trovare una vista in base all'ID o al punto beta dell'ID. 06:18.340 --> 06:23.950 E poi devo istanziare la vista testo. 06:24.250 --> 06:36.160 La prima vista di testo è il contatore troverà se si acquista ID o il punto ID vista di testo contatore e il testo di benvenuto 06:36.160 --> 06:41.920 uguale trovare vista da ID o il punto ID testo di benvenuto. 06:43.910 --> 06:46.180 Ora aggiungiamo la funzionalità. 06:46.190 --> 06:48.260 Questo è il passo numero tre. 06:49.870 --> 06:52.330 Aggiunta di funzionalità. 06:55.200 --> 07:00.150 Le funzionalità sarebbero una nuova funzione che creerei. 07:00.150 --> 07:13.260 Quindi in questo video cambierò alcuni argomenti ordinari e utilizzeremo le funzioni. 07:13.770 --> 07:25.230 Quindi fate attenzione, fate attenzione a BTN, Dot set e click listener new tutti voi su click listener e quando l'utente 07:25.230 --> 07:33.510 fa clic su questo pulsante, devo chiamare la funzione chiamata increase counter. 07:36.290 --> 07:37.100 Quindi. 07:37.760 --> 07:39.980 Fuori dal metodo del calcestruzzo. 07:39.980 --> 07:44.060 Se faccio clic su queste parentesi graffe, otterrò questo risultato. 07:44.060 --> 07:47.990 Questa è la fine della curva, la parentesi graffa del metodo on create. 07:48.230 --> 07:58.670 Ora creerò un nuovo metodo chiamato public avoid increase counter. 08:03.880 --> 08:13.240 Quindi questo contatore di incremento aumenterà di uno la variabile contatore che creerò. 08:13.240 --> 08:17.360 Quindi in contatore uguale a zero OC. 08:20.290 --> 08:22.160 E qui. 08:22.480 --> 08:34.810 Aumentare il contatore e preincrementare questo contatore, perché quando l'utente fa clic su di esso è necessario aggiungere un valore alla variabile, 08:34.810 --> 08:39.220 quindi visualizzare questa variabile. 08:42.940 --> 08:46.720 Devo restituire questo contatore. 08:46.720 --> 08:50.590 Quindi restituire il conteggio più il contatore. 08:51.100 --> 08:57.850 Quindi ho bisogno che la variabile restituisca un tipo intero, perché il contatore è un intero. 08:58.030 --> 09:05.860 Quindi il metodo del clic qui, devo ottenere il testo del contatore di testo. 09:05.860 --> 09:15.160 Quindi il contatore di punti da testo a testo viene impostato al clic. 09:15.280 --> 09:17.500 Testo impostato. 09:21.330 --> 09:22.950 Devo impostare il testo. 09:23.100 --> 09:31.410 Questa è la stringa vuota, perché quando si usano i numeri, è bene usare le stringhe vuote 09:31.410 --> 09:38.850 all'inizio e i codici doppi vuoti e chiamerò la funzione aumenta contatore. 09:39.650 --> 09:48.110 Ok, quindi ogni volta che il contatore è a zero, quando l'utente fa clic su questo pulsante, viene richiamata la funzione Aumenta 09:48.110 --> 09:53.660 il contatore, che aggiunge il contatore di uno e restituisce il suo valore da visualizzare 09:53.780 --> 09:55.610 in questo testo. 09:55.610 --> 09:59.360 Eseguiamo questa applicazione e vediamo la magia. 10:01.460 --> 10:02.460 Ed eccoci qui. 10:02.480 --> 10:03.900 Questa è la nostra applicazione. 10:03.920 --> 10:05.300 Questa è la controdomanda. 10:05.300 --> 10:10.240 Se faccio clic su questo pulsante, il testo verrà aumentato. 10:10.250 --> 10:15.370 E questa è l'applicazione contatore che abbiamo creato. 10:15.380 --> 10:22.700 Questo è un ottimo esempio di come aggiungere e gestire gli eventi di clic del file.