Aggiungiamo i vincoli per questi quattro Composable.
All'interno della parte centrale, spostatevi nel layout dei vincoli
e sotto la parte dell'intestazione creeremo un altro commento.
La parte centrale chiamiamola la prima componibile, che è la schermata di benvenuto.
Passare il modificatore punto di vincolo, poiché in questo caso è necessario creare un riferimento per questo testo.
Quindi andiamo a creare i riferimenti per i quattro elementi componibili che creano
il testo di benvenuto, l'immagine dei corsi del pulsante di unione delle domande.
Scorrere fino a qui e accogliere il testo all'interno di questo vincolo, poiché è necessario impostare i vincoli.
Prima di tutto, aggiungo il link al punto superiore al pulsante del punto immagine del profilo e imposto il margine a 32 dpi.
Link al punto iniziale per iniziare la linea guida.
Eseguiamo la nostra applicazione e vediamo la schermata di benvenuto.
E questo è un bene, a proposito, dobbiamo spostare il profilo un po' più in alto.
Quindi, andiamo al Constraintlayout e impostiamo la linea guida superiore.
Permettetemi di fare come 24.
E questo è un bene.
Possiamo renderlo 28 per evitare qualsiasi sovrapposizione delle immagini.
E questo è un bene.
È bello.
Torniamo ora alla parte centrale.
La schermata di benvenuto viene visualizzata qui.
Questa è la nostra schermata di benvenuto.
Ora visualizziamo il testo della domanda nel Constraintlayout.
Qui occorre specificare il testo della domanda.
Passare il vincolo del punto modificatore come testo della domanda.
Qui è necessario specificare i vincoli del punto tabulazione del link al punto
testo di benvenuto del pulsante e impostare il margine a 16 dpi.
Collegamento del punto iniziale al punto di testo di benvenuto.
Inizio.
Impostare l'inizio del testo della domanda come inizio del testo di benvenuto.
Lasciatemi correre a vedere.
Eccoci qua.
Questo è l'inizio.
Si può notare che il margine è di 16 dpi.
Lo creo come ADP e cambio il colore da grigio a bianco.
È meglio.
Ed eccoci qui.
Ora va meglio.
Ok.
Se si preferisce non avere margini di guadagno, va bene lo stesso.
Ad esempio, zero ADP.
Ed è fantastico.
Ora visualizziamo il pulsante Iscriviti ora.
Pulsante Unisci ora con il vincolo del punto modificatore come pulsante di unione.
Aggiungere qui i vincoli.
Collegamento del punto superiore al pulsante del punto di testo della domanda e impostazione del margine a 32 SP o DPI, che è buono.
Inizio punto link al testo della domanda punto inizio e
punto link al testo della domanda punto E questo va
bene per quell'articolazione? No, ma lasciatemi correre e congratularmi.
Questo è un bene.
Quindi il nostro pulsante viene visualizzato sotto la domanda ed è centrato, ok, va bene.
Ora visualizziamo l'immagine.
L'ultima composizione è l'immagine dei corsi, chiamata immagine dei corsi.
Impostare il modificatore su vincolo modificatore come immagine corsi immagine.
E qui dobbiamo creare i vincoli.
Quindi, il collegamento al punto superiore qui deve essere personalizzato con ulteriori vincoli, perché è
necessario visualizzare l'immagine qui il pulsante di notifica dell'immagine e il margine di 16 dpi.
E perché dobbiamo visualizzarlo sul lato destro.
Quindi, collegatevi alle linee guida che abbiamo creato in precedenza.
Quindi abbiamo tre linee guida: la linea guida superiore, la linea guida iniziale e la linea guida finale.
Quindi devo collegarlo alla linea guida, la linea guida giusta Ok, questa è la fine, comunque.
Possiamo specificare un vincolo orizzontale e uno verticale.
E questo è un bene.
È quindi necessario specificare uno o più vincoli verticali e orizzontali.
Se specifichiamo, ad esempio, il collegamento inferiore a due linee guida
orizzontali numero uno e impostiamo il margine come linea guida orizzontale
numero uno a 16 dpi, possiamo sbarazzarci della parte superiore.
Si tratta quindi di un vincolo orizzontale.
E questo è un vincolo verticale.
Abbiamo bisogno di uno o più vincoli per visualizzare la nostra immagine.
La larghezza equivale alle dimensioni del punto di riempimento dei vincoli e l'altezza equivale alla dimensione del punto di riempimento dei vincoli.
Ma c'è una nota molto importante da menzionare: se si utilizzano i
vincoli del filtro, si devono usare quattro vincoli invece di due.
È quindi necessario specificare due vincoli orizzontali e due verticali per utilizzare il riempimento.
Collegarsi ai vincoli della dimensione.
Altrimenti è possibile specificare, ad esempio, 400 dpi o 250 dpi, il valore del punto di tensione
della larghezza impostato su 150 dpi e la dimensione, impostata su 150 dpi o 80 dpi.
Lasciatemi correre ed eccoci qua.
Questa è la nostra applicazione, ma l'immagine è visualizzata in alto a sinistra.
Non abbiamo specificato alcun modificatore.
Torniamo quindi alla parte centrale.
L'immagine del corso.
Qui è necessario specificare il modificatore uguale al modificatore di passaggio eseguito di nuovo.
Eccoci qua.
L'immagine viene visualizzata qui.
Dobbiamo impostare la linea guida orizzontale sulla linea guida orizzontale numero uno.
Ed eccoci qui.
Possiamo modificare questi parametri come per le dimensioni riempite di vincoli.
Riempire fino ai vincoli.
Verifico senza specificare due vincoli per l'orizzontale e due vincoli per il verticale.
Come ci si aspetta, l'immagine sparirà, a meno che non sia necessario specificare i quattro vincoli per le dimensioni.
Ok, per prima cosa rimuovo questo margine.
Impostare l'inizio su collegamento a pulsante unito punto finale e impostare il margine come
otto dpi e il punto superiore collegamento a pulsante unito punto margine 16 dpi.
Lasciatemi correre ed eccoci qua.
Questa è la nostra immagine.
E questo è bellissimo.
Quindi abbiamo specificato la larghezza e l'altezza e i vincoli.
Quando si utilizzano i vincoli di filtro della dimensione come larghezza o altezza,
è necessario specificare i quattro vincoli e i quattro vincoli dei lati.