WEBVTT 00:00.000 --> 00:03.150 Impariamo a conoscere un altro widget chiamato Vista immagine. 00:03.180 --> 00:10.380 Image View è un widget dell'interfaccia utente utilizzato per visualizzare immagini e oggetti disegnabili nell'interfaccia utente delle applicazioni 00:10.380 --> 00:11.130 Android. 00:11.160 --> 00:19.860 Fa parte del framework Android e può essere incluso nei file di layout XML o istanziato programmaticamente nel codice 00:19.860 --> 00:23.820 Java o Kotlin per creare una vista immagine. 00:23.850 --> 00:26.160 Passiamo al file XML. 00:26.160 --> 00:33.000 Cominciamo con il tag image view, clicchiamo su enter e vediamo che gli attributi, width e height, vengono specificati 00:33.000 --> 00:34.770 automaticamente. 00:34.770 --> 00:43.530 È possibile impostare le dimensioni dell'immagine, ad esempio 100 DPI e 100 DPI per l'altezza e la larghezza. 00:43.530 --> 00:47.790 Questo riquadro rappresenta la vista dell'immagine. 00:47.790 --> 00:55.380 Specificherei l'ID, che è l'identificatore univoco e la definizione dell'ID deve avere la forma aggiungi 00:55.380 --> 01:03.210 segni più e l'id poi slash avanti slash in questa forma e qui specifichiamo l'ID dell'immagine. 01:03.210 --> 01:04.770 Ho impostato la mia immagine. 01:04.770 --> 01:10.110 Il primo attributo dell'immagine che dobbiamo specificare è l'SRC. 01:10.140 --> 01:15.930 Questo attributo viene utilizzato per impostare l'origine dell'immagine da visualizzare nella vista immagine. 01:15.960 --> 01:24.930 Può essere impostato su una risorsa drawable, su una risorsa mipmap o su un URL per immagini remote utilizzando una libreria di caricamento 01:24.930 --> 01:26.970 immagini come Glide o Picasso. 01:26.970 --> 01:34.320 Più avanti in questo corso, utilizzeremo la libreria glide, ma ora capiamo come visualizzare le immagini 01:34.320 --> 01:37.080 nella vista immagine dai file locali. 01:37.080 --> 01:42.720 Copierò l'immagine chiamata codifica Master con lettere minuscole. 01:42.720 --> 01:51.120 Assicuratevi quindi di iniziare con lettere minuscole e senza spazi nel nome dell'immagine e assicuratevi 01:51.120 --> 01:53.790 che sia dot png dot jpg. 01:54.210 --> 02:01.740 Poi lo copio e vado nella cartella drawable di Android studio e lo incollo. 02:01.740 --> 02:10.260 Fare clic su OK e assicurarsi che il nome dell'immagine inizi con lettere minuscole, senza numeri e senza 02:10.260 --> 02:11.160 spazi. 02:11.160 --> 02:14.880 Se faccio clic su di esso, posso vedere questa immagine. 02:15.090 --> 02:19.530 Un altro attributo è il tipo di scala Tipo di scala. 02:19.530 --> 02:27.030 Questo attributo definisce il modo in cui l'immagine deve essere scalata e posizionata all'interno dei limiti della vista immagine. 02:27.030 --> 02:31.170 Ha diverse opzioni, come l'adattamento a X, y e al centro. 02:31.560 --> 02:33.600 Centro, centro del raccolto all'interno. 02:33.600 --> 02:34.320 ET cetera. 02:34.350 --> 02:37.860 Ciascuna opzione influisce sulla modalità di visualizzazione dell'immagine. 02:37.860 --> 02:43.170 Ad esempio, ritagliare il centro all'interno. 02:43.170 --> 02:47.370 Ma preferisco usare il ritaglio centrale quando ho a che fare con immagini piccole. 02:47.370 --> 02:51.690 Questo o questo attributo non lo influenzerà in modo significativo. 02:51.720 --> 02:53.310 Descrizione del contenuto. 02:53.310 --> 02:59.700 Questo attributo fornisce una descrizione del contenuto della vista dell'immagine ai fini dell'accessibilità. 02:59.700 --> 03:07.350 Ad esempio, questa è un'immagine della mia applicazione Master Coding su Play Store. 03:07.350 --> 03:14.070 Inoltre, è possibile impostare il padding, il margine e questi attributi comuni tra le viste. 03:14.070 --> 03:22.560 Passiamo all'attività principale e iniziamo a dichiarare l'istanza della vista immagine e a inizializzarla. 03:22.860 --> 03:29.220 Vista immagine uguale a Trova vista per ID o. id punto la mia immagine. 03:29.220 --> 03:36.270 Quindi trovo l'immagine utilizzando l'ID e la imposto in questa istanza chiamata vista immagine. 03:36.270 --> 03:45.360 La chiamerò vista immagine alt e darò invio per importare la classe e se facciamo clic su importa possiamo vedere che la classe 03:45.360 --> 03:48.000 vista immagine è stata importata. 03:48.030 --> 03:50.850 Ci sono molti metodi che possiamo utilizzare. 03:50.850 --> 04:00.450 Il mio punto di vista immagine e il metodo più importante che useremo è impostare la risorsa immagine per modificare 04:00.450 --> 04:09.980 il contenuto dell'immagine in modo programmatico impostare la risorsa immagine e qui specifichiamo l'id r dot drawable 04:10.010 --> 04:12.560 dot master coding. 04:12.560 --> 04:16.940 Questa è l'immagine che viene inserita nella cartella drawable.