WEBVTT 1 00:00.830 --> 00:07.130 Abbiamo finito di creare il cartoncino che fungerà da modello per gli altri materiali da comporre. 2 00:07.130 --> 00:15.080 Quindi, all'interno delle schermate, creeremo un altro file chiamato "corsi". 3 00:15.080 --> 00:21.470 All'interno di questo file creeremo quattro composable, uno di testo e tre di immagini. 4 00:21.470 --> 00:26.870 Introdurremo la catena e concateneremo le tre immagini. 5 00:26.870 --> 00:34.220 Cominciamo con il primo testo componibile, il nostro oggetto modificatore di corsi. 6 00:34.310 --> 00:41.420 All'interno di questo composable creeremo un testo composable con un testo new courses. 7 00:41.420 --> 00:43.910 Aggiungo alcuni parametri. 8 00:43.910 --> 00:51.290 Impostare il modificatore sul modificatore passato, dimensione carattere 20 colore SP. 9 00:51.320 --> 00:52.670 Importare il PS. 10 00:52.910 --> 00:54.140 Ed eccoci qui. 11 00:54.140 --> 00:57.620 Ora passiamo i vincoli per questo testo. 12 00:57.620 --> 00:58.850 Componibile. 13 00:58.880 --> 01:01.010 Tornare al layout dei vincoli. 14 01:01.040 --> 01:06.440 Nella sezione delle schede creeremo la sezione dei corsi. 15 01:06.440 --> 01:08.600 Chiamate il testo dei nostri corsi. 16 01:08.600 --> 01:15.540 Impostare il modificatore su Modifier dot constrain, poiché è necessario passare un riferimento di scorrimento verso l'alto. 17 01:15.540 --> 01:18.780 Come al solito, è necessario creare un riferimento. 18 01:18.810 --> 01:25.770 I nuovi corsi si impostano come nuovi corsi e i vincoli si impostano qui. 19 01:25.800 --> 01:32.760 Iniziamo con il collegamento del punto superiore al punto del cartoncino con margine superiore a 24 dpi. 20 01:32.790 --> 01:37.110 Impostare il margine iniziale della carta 16 dpi. 21 01:37.140 --> 01:39.120 Eseguire l'applicazione ed ecco che si parte. 22 01:39.150 --> 01:40.350 Questo è il nostro testo. 23 01:40.350 --> 01:42.150 I margini sono perfetti. 24 01:42.180 --> 01:43.860 Torniamo al testo. 25 01:43.890 --> 01:46.530 Aggiungo il peso del carattere. 26 01:46.560 --> 01:47.850 Peso del carattere. 27 01:48.300 --> 01:48.870 In grassetto. 28 01:48.870 --> 01:49.770 È meglio. 29 01:49.770 --> 01:50.850 Ed eccoci qui. 30 01:50.880 --> 01:51.690 Ora va meglio. 31 01:51.720 --> 01:57.060 Di nuovo ho preparato queste tre immagini per copiarle nella cartella disegnabile. 32 01:57.060 --> 02:01.470 A proposito, è possibile ottenere tutte queste risorse dalla cartella delle risorse. 33 02:01.470 --> 02:02.820 Sotto ogni sezione. 34 02:02.820 --> 02:03.630 Copiare questi. 35 02:03.660 --> 02:06.630 Andare alla cartella dei disegnabili e incollarli. 36 02:06.630 --> 02:07.470 Fare clic su OK. 37 02:07.470 --> 02:08.730 Ed eccoci qui. 38 02:08.730 --> 02:13.680 Ora possiamo usare questi Drawable Creerò un altro composable. 39 02:15.660 --> 02:19.470 Questa funzione è denominata immagine del corso Android. 40 02:19.470 --> 02:27.100 Impostiamo il modificatore come parametro e al suo interno 41 02:27.100 --> 02:27.940 creeremo un'immagine con pittore e descrizione del contenuto. 42 02:27.940 --> 02:33.160 Aggiungeremo anche un modificatore, in modo che il modificatore sia uguale al passato. 43 02:33.160 --> 02:33.730 Modificare. 44 02:33.760 --> 02:43.600 Il pittore sarà la risorsa painter are dot drawable dot import are per accedere al drawable 45 02:43.600 --> 02:51.340 e impostare il corso android ok content description modificatore del corso android uguale al modificatore. 46 02:51.370 --> 02:53.620 Torniamo al layout dei vincoli. 47 02:53.620 --> 02:54.250 Qui. 48 02:54.250 --> 02:59.020 Richiamo la funzione che abbiamo creato per l'immagine del corso Android. 49 02:59.020 --> 03:04.930 Impostare il vincolo del punto del modificatore come immagine Android. 50 03:04.960 --> 03:12.130 Creerò questo riferimento nell'immagine della funzione create ref di Android. 51 03:12.130 --> 03:14.770 Scorri verso il basso ed eccoci al punto di partenza. 52 03:14.770 --> 03:20.260 Ora possiamo aggiungere i vincoli all'interno di questo ambito di vincoli. 53 03:20.260 --> 03:22.240 Voglio che vi concentriate su di me. 54 03:22.240 --> 03:27.850 Qui abbiamo tre immagini del corso Android e del corso Python e Java. 55 03:27.850 --> 03:30.480 All'inizio posso incatenarli. 56 03:30.480 --> 03:33.750 Passo i vincoli e poi li incateno. 57 03:33.780 --> 03:37.260 Link al punto superiore dei nostri corsi. 58 03:37.290 --> 03:38.430 Nuovi corsi. 59 03:38.460 --> 03:43.770 Nuovi corsi punto in basso e impostare il margine a 16 dpi. 60 03:43.800 --> 03:46.200 Questa è l'immagine del corso Android. 61 03:46.200 --> 03:48.510 Lasciatemi creare le altre immagini. 62 03:48.510 --> 03:52.290 Quindi creerò altri due compositi. 63 03:52.290 --> 03:58.500 La prima è denominata come immagine di un corso Java, ancora una volta un modificatore. 64 03:58.500 --> 04:05.910 In modo simile a quanto fatto qui, creerò un altro insieme componibile di immagini. 65 04:05.910 --> 04:14.760 La risorsa pittore a pittore sono corsi dot drawable dot Java impostare la descrizione del contenuto. 66 04:14.790 --> 04:18.180 La descrizione dei contenuti è il corso Java. 67 04:18.180 --> 04:24.660 Non dimenticate di impostare il modificatore uguale al modificatore passato. 68 04:24.690 --> 04:31.260 Ok, questa è l'immagine del corso Java Copiatela e incollatela qui. 69 04:31.260 --> 04:38.790 Cambierò l'immagine del corso Java in Python e qui imposterò il corso Python. 70 04:38.840 --> 04:40.160 Corso di Python. 71 04:40.190 --> 04:49.130 Ok, abbiamo creato tre Composable che contengono immagini per ciascuno dei corsi Android, Java e Python. 72 04:49.130 --> 04:54.590 All'interno di Constraintlayout dobbiamo passare i vincoli per queste immagini. 73 04:54.620 --> 05:02.420 Modificatore di corso Java Creerò un'immagine Java di riferimento e imposterò i vincoli qui. 74 05:02.420 --> 05:06.920 Inoltre, creeremo l'immagine del corso Python. 75 05:06.920 --> 05:13.550 Il modificatore viene passato come un punto di modifica vincolato come python. 76 05:13.550 --> 05:17.660 Aggiungo qui questi riferimenti. 77 05:17.690 --> 05:21.440 Immagine Java e immagine Python. 78 05:21.470 --> 05:24.950 Scorrete verso il basso fino a questi vincoli. 79 05:24.950 --> 05:35.900 E per il corso Java creerò il link top all'immagine Android 80 05:35.900 --> 05:38.360 dot top e il link button dot all'immagine Android dot button. 81 05:38.510 --> 05:44.630 Copierò questi vincoli e li incollerò nell'immagine del corso Python.