WEBVTT 00:01.060 --> 00:01.990 Bentornati. 00:01.990 --> 00:04.900 In questo video continueremo con il layout dei vincoli. 00:04.900 --> 00:07.330 Passiamo alla modalità di progettazione. 00:07.330 --> 00:09.820 Selezionare qualsiasi vista che si possa notare. 00:09.820 --> 00:15.250 Nella finestra degli attributi abbiamo questo layout e il pannello dei widget dei vincoli. 00:15.250 --> 00:18.730 Abbiamo due vincoli e i margini. 00:18.730 --> 00:21.400 Questo è da sinistra, cioè 36. 00:21.400 --> 00:24.460 E questo dall'alto, che è il 104. 00:24.460 --> 00:30.820 Abbiamo due vincoli: inizio da genitore a genitore e inizio da cima a cima della perla. 00:30.850 --> 00:32.530 Questi sono i vincoli. 00:32.530 --> 00:39.160 Posso aggiungere un altro vincolo trascinandolo e rilasciandolo nel blueprint o nel layout. 00:39.160 --> 00:45.100 Qui si può notare che abbiamo aggiunto un altro vincolo all'elenco dei vincoli. 00:45.100 --> 00:54.070 Quando si seleziona una vista, la finestra degli attributi include i controlli per una che è contrassegnata come rapporto di grandezza 00:54.070 --> 00:55.420 numero uno. 00:55.420 --> 00:57.970 Numero due che eliminano i vincoli. 00:57.970 --> 01:03.790 Quindi, facendo clic sul numero due, è possibile eliminare il punto di vincolo tre in modalità altezza e larghezza. 01:03.790 --> 01:07.810 E nel prossimo minuto impareremo a conoscere le modalità di altezza e larghezza. 01:07.810 --> 01:14.200 Per i margini si specificano i margini e la polarizzazione dei vincoli. 01:14.200 --> 01:23.080 È inoltre possibile evidenziare i singoli vincoli nell'editor di layout facendo clic su di essi nell'elenco dei sei vincoli. 01:23.080 --> 01:24.370 Siamo venuti a conoscenza di questo elenco. 01:24.370 --> 01:27.550 Ora impariamo a conoscere le modalità di altezza e larghezza. 01:27.550 --> 01:34.510 È possibile modificare il modo in cui vengono calcolate l'altezza e la larghezza facendo clic sui simboli che indicano i tre 01:34.510 --> 01:35.260 richiami. 01:35.260 --> 01:37.900 Abbiamo tre simboli fissi. 01:37.900 --> 01:46.180 È possibile specificare una dimensione specifica nella casella di testo sottostante o ridimensionando la vista nell'editor. 01:46.180 --> 01:49.570 Queste frecce si riferiscono al contenuto dell'involucro. 01:49.570 --> 01:55.030 La vista si espande solo nella misura necessaria per adattarsi al suo contenuto. 01:55.030 --> 01:57.820 Questa partita a zig-zag vincola. 01:57.820 --> 02:04.120 La vista si espande il più possibile per soddisfare i vincoli su ciascun lato. 02:04.120 --> 02:11.140 Tuttavia, dopo aver tenuto conto del margine delle viste, è possibile modificare questo comportamento con i seguenti attributi 02:11.140 --> 02:12.070 e valori. 02:12.070 --> 02:13.690 Tornare ad Android Studio. 02:13.720 --> 02:16.690 Imposterò questo e farò clic su di esso. 02:16.690 --> 02:19.390 Dal contenuto avvolgente alla dimensione fissa. 02:19.450 --> 02:21.640 Si può notare che la vista è cambiata. 02:21.640 --> 02:30.130 Se faccio nuovamente clic per abbinare i vincoli, si può notare che questo testo riempirà il genitore e i vincoli. 02:30.130 --> 02:32.410 Inoltre, è possibile specificare i margini. 02:32.410 --> 02:34.960 Ad esempio, 20 fare clic su Invio. 02:34.960 --> 02:39.010 Si può notare che questa visualizzazione del testo è 16 da sinistra. 02:39.010 --> 02:40.540 Da destra il 20. 02:40.540 --> 02:43.810 Si può impostare dall'alto come 20. 02:43.810 --> 02:49.840 Facendo clic su invio, la visualizzazione del testo sale e il margine è di 20 dpi. 02:49.840 --> 02:57.130 Inoltre, quando si crea un nuovo widget, ad esempio questo pulsante, lo si trascina e lo si rilascia. 02:57.130 --> 03:00.670 È possibile dedurre i vincoli con un solo clic. 03:00.670 --> 03:05.740 Facendo clic su ulteriori vincoli, si otterrà una corrispondenza con la posizione corrente. 03:05.740 --> 03:09.730 Si posiziona qui con le altre viste automaticamente. 03:09.730 --> 03:12.130 Inoltre, è possibile cancellare tutti i vincoli. 03:12.130 --> 03:14.620 È possibile specificare i margini predefiniti. 03:14.620 --> 03:17.470 È possibile attivare la connessione automatica al genitore. 03:17.470 --> 03:24.760 Qui è possibile selezionare le diverse modalità, mostrare tutti i vincoli, dissolvenza, viste non selezionate e altro. 03:24.760 --> 03:27.850 Inoltre, è possibile creare delle linee guida. 03:27.850 --> 03:34.900 Le linee guida sono linee di layout invisibili che possono essere utilizzate per allineare e posizionare le viste. 03:34.900 --> 03:43.240 Sono particolarmente utili per i progetti responsive, in quanto aiutano a mantenere la coerenza tra le diverse dimensioni 03:43.240 --> 03:45.430 e orientamenti dello schermo. 03:45.430 --> 03:51.160 Ad esempio, creerò una linea guida orizzontale qui e questa è la nostra linea guida. 03:51.160 --> 03:56.140 E farò margine dall'alto 376. 03:56.140 --> 04:00.730 Rimuoverò i vincoli del pulsante e lo trascinerò su. 04:00.730 --> 04:06.970 Qui posso aggiungere dei vincoli a questa linea guida come questo 24. 04:06.970 --> 04:16.060 Posso anche aggiungere i vincoli orizzontali e verticali al genitore, ma ho aggiunto questo vincolo verticale 04:16.060 --> 04:17.860 alla linea guida. 04:17.860 --> 04:19.420 Questa è la nostra linea guida. 04:19.420 --> 04:24.670 Se andiamo a vedere il codice di esempio, si può notare che si tratta di una linea guida. 04:24.670 --> 04:33.220 Eseguendo l'applicazione, si può notare che il pulsante si atterrà alla linea guida invisibile all'interno del layout. 04:33.220 --> 04:40.180 Le linee guida sono linee di layout invisibili che possono essere utilizzate per allineare e posizionare le viste. 04:40.180 --> 04:44.170 Questo è l'uso di base del layout dei vincoli. 04:44.170 --> 04:51.130 Nei prossimi video costruiremo layout più complessi utilizzando il layout a vincoli.