WEBVTT

00:00.380 --> 00:02.540
Salve, sviluppatori e bentornati.

00:02.540 --> 00:08.290
In questo video, impareremo a creare questa fantastica applicazione, l'app Greetings.

00:08.300 --> 00:12.770
Questa applicazione chiederà all'utente di inserire il proprio nome, ad esempio Jack.

00:12.770 --> 00:19.400
E quando l'utente fa clic sul pulsante di saluto, viene visualizzato un messaggio di brindisi contenente il suo nome.

00:19.400 --> 00:21.890
Dite: "Benvenuto Jack nella nostra applicazione".

00:21.890 --> 00:25.700
Cambierò il nome dell'utente in David, Click saluta.

00:25.730 --> 00:28.100
Benvenuto David, alla nostra applicazione.

00:28.100 --> 00:31.310
Penso che siate entusiasti di creare questa fantastica applicazione.

00:31.340 --> 00:35.050
Entriamo in Android Studio e iniziamo a costruire questa applicazione.

00:35.060 --> 00:37.640
Ora creiamo questa applicazione.

00:37.640 --> 00:42.590
Aprire Android Studio, selezionare Nuovo progetto, selezionare l'attività Viste vuote.

00:42.590 --> 00:44.180
Selezionare questo e non questo.

00:44.180 --> 00:46.070
Selezionare questa opzione.

00:46.100 --> 00:54.230
Quindi date un nome all'applicazione Greetings app, al pacchetto, quello che volete, e selezionate il linguaggio Java Fate

00:54.230 --> 00:55.340
clic su Fine.

00:56.480 --> 00:59.480
E attendere che Gradle sincronizzi il progetto.

00:59.780 --> 01:05.180
Il primo passo nella creazione dell'applicazione è la progettazione del layout.

01:05.210 --> 01:06.590
Passiamo all'attività.

01:06.590 --> 01:11.910
Underscore main, rimuovere questa vista di testo e iniziare a progettare il nostro layout.

01:11.930 --> 01:13.830
Inizierò con la modifica del testo.

01:13.850 --> 01:18.560
Questo testo di modifica otterrà i dati dall'utente.

01:18.560 --> 01:23.990
La modifica del testo è un elemento dell'interfaccia utente che consente agli utenti di inserire del testo.

01:23.990 --> 01:31.820
Rappresenta una casella di testo a una o più righe, in cui gli utenti possono inserire testi come il proprio nome, la password o qualsiasi

01:31.820 --> 01:33.830
altra informazione.

01:33.830 --> 01:37.760
Nel nostro caso, dobbiamo ottenere il suo nome.

01:37.910 --> 01:45.650
Il testo di modifica viene tipicamente utilizzato per catturare gli input dell'utente e può essere personalizzato con vari attributi,

01:45.650 --> 01:49.160
come suggerimento, testo, colore, sfondo e così via.

01:49.190 --> 01:56.970
La larghezza sarebbe matchparent, l'altezza sarebbe wrapcontent e il testo di modifica appare qui.

01:56.970 --> 02:02.550
Android id non mancate di aggiungere il testo di modifica dell'id.

02:02.550 --> 02:04.710
Poi aggiungerò un suggerimento.

02:04.740 --> 02:07.260
Il suggerimento appare qui.

02:07.260 --> 02:13.590
Trascinerò questo testo di modifica al centro e...

02:14.510 --> 02:17.060
Vincoli dedotti fino ad ora.

02:17.090 --> 02:19.850
Non bisogna confondersi con Constraintlayout.

02:19.850 --> 02:21.020
Seguitemi.

02:21.020 --> 02:26.240
Più avanti parlerò di Constraintlayout in modo approfondito e dettagliato.

02:26.240 --> 02:34.070
Ho bisogno di un pulsante che attivi l'azione per attivare il messaggio, la visualizzazione del messaggio.

02:34.070 --> 02:36.110
La visualizzazione del messaggio.

02:36.110 --> 02:39.710
Quindi questo pulsante sarà un contenuto a capo.

02:39.710 --> 02:47.360
L'ID del contenuto a capo sarebbe uguale a BTN e al clic o al testo.

02:47.360 --> 02:48.860
Saluta.

02:48.890 --> 02:59.720
Quindi trascinerò questo pulsante sotto questo testo di modifica e farò clic sul pulsante Inserisci vincoli.

02:59.720 --> 03:07.760
Poi creerò una vista di testo, che è un elemento dell'interfaccia utente utilizzato per visualizzare

03:07.880 --> 03:18.660
il testo sullo schermo vista di testo, e questa vista di testo fungerà da titolo in questa applicazione avvolgere il contenuto

03:18.660 --> 03:27.420
avvolgere il contenuto e l'ID sarà titolo e il testo sarà benvenuto al saluto.

03:28.190 --> 03:36.650
App e non dimenticate di aggiungere questo tag di chiusura, la barra in avanti e il segno di maggiore.

03:36.680 --> 03:46.820
Il testo di questa app di saluto qui lo dedurrò dai vincoli e poi aggiungerò un altro attributo per questa vista di testo.

03:46.850 --> 03:54.410
La dimensione del testo, che è 28 SP Ora copierò questa immagine.

03:54.410 --> 03:57.530
Andrò nella cartella dei disegnabili.

03:59.530 --> 04:00.940
Incollatelo qui.

04:01.920 --> 04:08.190
Fare clic su OK e assicurarsi che non sia una lettera maiuscola o che inizi con dei numeri.

04:08.340 --> 04:13.350
Si tratta di uno sfondo e di un'immagine per lo sfondo di questo layout.

04:13.560 --> 04:18.330
In questo caso non utilizzerò la vista immagine per visualizzare l'immagine.

04:18.330 --> 04:25.320
Utilizzerò l'immagine come attributo, un attributo di sfondo per il layout del vincolo.

04:25.530 --> 04:33.960
Un layout si riferisce alla struttura visiva e alla disposizione degli elementi dell'interfaccia utente in un'applicazione Android.

04:33.960 --> 04:41.640
Definisce il modo in cui i diversi componenti dell'interfaccia utente, come le visualizzazioni di testo, i pulsanti, le visualizzazioni di immagini, le modifiche e

04:41.640 --> 04:44.530
il testo, vengono organizzati e visualizzati sullo schermo.

04:44.550 --> 04:49.680
Più avanti, nella prossima sezione, parleremo in dettaglio dei layout.

04:49.680 --> 04:55.570
Ma in questa applicazione, proprio per renderla professionale, ha un aspetto bellissimo.

04:55.590 --> 05:07.420
Aggiungerò un attributo Android background a questo vincolo di layout e aggiungerò drawable e utilizzerò lo sfondo per

05:07.420 --> 05:08.260
noi.

05:08.290 --> 05:13.870
Passiamo ora all'attività principale e iniziamo a definire i nostri widget.

05:13.870 --> 05:21.790
Si possono definire e inizializzare i widget qui, oppure si può semplicemente scrivere qui il metodo oncreate esterno,

05:21.790 --> 05:24.340
se si vuole usarlo globalmente.

05:24.350 --> 05:34.810
Modifica, testo, modifica, testo e il pulsante Il mio pulsante, che può essere chiamato come si vuole.

05:34.840 --> 05:41.500
Il riferimento Alt+Invio da creare per importare la classe del pulsante.

05:41.770 --> 05:52.350
Quindi, se si vede che abbiamo importato il pulsante e il testo di modifica dal pacchetto di widget Android titolo della vista testo.

05:52.360 --> 06:00.580
Ora inizializziamoli nel metodo Oncreate e nel metodo Oncreate tutti i widget devono essere inizializzati.

06:00.610 --> 06:06.450
Testo di modifica uguale Trova la vista per ID o ID o l'ID della modifica.

06:06.450 --> 06:07.200
Il testo è.

06:07.200 --> 06:10.230
Modifica il pulsante di testo del mio pulsante uguale.

06:10.230 --> 06:19.530
Trovare la vista in base all'ID o. id dot BTN e il titolo verrà visualizzato da id r, dot id dot title.

06:19.560 --> 06:27.540
Poi devo ottenere i dati dal testo di modifica e visualizzarli quando l'utente preme il pulsante.

06:27.540 --> 06:32.040
Quindi il mio punto pulsante è impostato su Click Listener.

06:32.040 --> 06:35.220
Ricordate la nuova vista dell'ascoltatore su Click Listener?

06:35.220 --> 06:41.250
Oppure si può usare l'espressione Lambda, ma ora si usa questo metodo vecchio stile.

06:41.250 --> 06:48.330
Più avanti, quando parleremo dell'espressione Lambda, vi mostrerò come rimuovere questo elemento al click.

06:48.360 --> 06:55.110
Ho bisogno di ottenere i dati inseriti dall'utente all'interno del testo di modifica.

06:55.110 --> 07:04.000
Quindi li memorizzerò in una stringa chiamata input input name uguale a edit text dot get text.

07:04.030 --> 07:10.900
Questo è il metodo da utilizzare per ottenere l'input dal testo di modifica Dot toString.

07:10.930 --> 07:16.930
Poi ho bisogno di visualizzare il nome dell'input in un messaggio di toast.

07:16.960 --> 07:25.720
Toast è un piccolo messaggio pop-up che appare temporaneamente sullo schermo per mostrare all'utente brevi informazioni

07:25.720 --> 07:27.880
sulla notifica.

07:27.880 --> 07:33.070
Iniziamo con un brindisi, facciamo clic su Invio e possiamo vedere il punto fare testo.

07:33.070 --> 07:38.110
Questo è il metodo specifico per il toast.

07:38.110 --> 07:41.590
Ed ecco il messaggio che devo visualizzare.

07:41.590 --> 07:42.940
Benvenuti.

07:43.090 --> 07:50.620
E qui utilizzerò la variabile input name, inserita dall'utente.

07:50.620 --> 07:52.030
Benvenuto, Jack.

07:52.030 --> 07:53.590
Benvenuto, David.

07:53.590 --> 07:54.130
Benvenuti.

07:54.160 --> 07:55.300
Hamad Welcome.

07:55.300 --> 08:04.030
Qualunque sia l'utente, diamo il benvenuto alla nostra applicazione, salviamo il progetto e facciamo clic su Esegui.

08:04.030 --> 08:04.900
Ed eccoci qui.

08:04.900 --> 08:06.220
Questa è la nostra applicazione.

08:06.220 --> 08:08.020
Testo dell'applicazione Welcome to Greetings.

08:08.020 --> 08:09.190
Questo è il testo di modifica.

08:09.190 --> 08:10.180
Inserire il proprio nome.

08:10.180 --> 08:15.400
Se faccio clic su di esso, viene visualizzata la tastiera.

08:15.430 --> 08:22.300
Inserirò David, poi farò clic sul pulsante Saluta e potrete vedere il messaggio.

08:22.300 --> 08:23.980
Benvenuto David nella nostra applicazione.

08:23.980 --> 08:26.590
Si vede che è un messaggio breve.

08:26.590 --> 08:29.230
Posso modificare la lunghezza di questo brindisi.

08:29.230 --> 08:33.880
Cambio la lunghezza da corta a lunga e la eseguo di nuovo.

08:33.880 --> 08:35.950
Immettere il nome, quindi fare clic su di esso.

08:35.950 --> 08:37.630
Si può vedere il messaggio.

08:37.630 --> 08:43.450
Se cambio l'utente in Jack, verrà visualizzato il messaggio di benvenuto a David nella nostra applicazione.

08:43.480 --> 08:44.410
Saluta.

08:44.410 --> 08:46.840
Benvenuto Jack nella nostra applicazione.

08:47.020 --> 08:48.550
Congratulazioni ragazzi.

08:48.550 --> 08:54.670
Siamo riusciti a creare questa fantastica applicazione per imparare a usare il testo di modifica,

08:54.670 --> 08:58.870
a usare il pulsante e a visualizzare testo e immagini in Android.