Ora disegniamo lo sfondo della nostra applicazione e creiamo una linea guida orizzontale.
Per questo.
Creerò un nuovo componibile chiamato gradiente di sfondo, che prende in considerazione il parametro e il modificatore.
Più avanti vi mostrerò perché abbiamo passato questo modificatore.
All'interno di questo composable, creerò una nuova immagine e
la risorsa pittore proverrà dalla cartella drawable del desktop.
Copio questa immagine chiamata gradiente blu e la incollo nella cartella drawable della nostra applicazione.
Lo userò sono punto disegnabile punto blu importazione r gradiente blu.
È necessario includerlo all'interno dell'ID della risorsa pittore e impostarlo su questo.
Ok, il pittore equivale alla risorsa pittore.
E specifichiamo l'ID dell'immagine nella descrizione del contenuto.
Sarebbe lo sfondo principale.
Inoltre, specificheremo alcuni altri modificatori.
E gli altri parametri come la scala del contenuto è uguale ai limiti di riempimento della scala del contenuto.
Occorre poi specificare il modificatore.
In questo caso utilizzeremo il Constraintlayout.
Ma se provo a usare il modificatore dot constraint non viene trovato nulla
perché questa immagine non è inclusa nel constraintlayout, quindi solo i Composable o
solo i componenti inclusi nel Constraintlayout possono beneficiare di Constraintlayout e dei constraint.
Come risolvere questo problema? Passando
il modificatore come parametro.
Quindi creeremo un modificatore e imposteremo i vincoli all'interno del Constraintlayout
quando chiameremo questa funzione e passeremo il modificatore come oggetto.
Quindi qui non ce n'è bisogno.
Creare un nuovo modificatore.
Passeremo questo modificatore.
È inoltre possibile aggiungere altri parametri del modificatore.
Aggiungerlo al modificatore passato.
Ok, questa è una nota molto importante.
Dovreste ricordarlo.
Chiamiamo questo gradiente sfondo.
Per impostare i vincoli del modificatore, creare un nuovo modificatore.
Si può notare che il vincolo come funzione appare qui, perché
stiamo chiamando questa funzione all'interno di un vincolo di layout componibile.
È molto semplice.
Quindi creeremo i vincoli quando chiameremo i Composable e
li passeremo come oggetto modificatore per il Composable corrispondente.
È molto semplice.
Ora prestate attenzione.
Per il vincolo s è necessario specificare un riferimento.
Ecco lo sfondo sfumato.
Questo è il primo riferimento.
Quindi qui sto vincolando il gradiente di sfondo come riferimento di sfondo gradiente al suo interno.
È necessario specificare i vincoli.
Quindi, all'interno di questo ambito di vincoli, dobbiamo specificare i vincoli.
Imposterò il collegamento del punto superiore al punto superiore del genitore e il collegamento del punto all'inizio della fine del genitore.
Link all'avvio per i genitori qui.
Non creeremo un punto finale genitore.
Creeremo un collegamento a una linea guida orizzontale qui,
sopra lo sfondo sfumato, creeremo una linea guida orizzontale.
Il numero uno equivale a creare una linea guida dall'alto e impostare un valore di
0,45 F Constraintlayout consente di creare linee guida per aiutare a posizionare i compositi rispetto
a queste linee guida, piuttosto che direttamente ad altri compositi o al layout padre.
Possiamo quindi specificare la linea guida orizzontale all'interno del collegamento due.
Quindi, creare linee guida dall'alto.
Questa funzione crea una linea guida orizzontale posizionata
al 45% dell'altezza del layout del vincolo padre.
Il parametro 0,45 f rappresenta una frazione dell'altezza del genitore.
Anche in questo caso, una linea guida è una linea invisibile che può essere utilizzata per limitare altri elementi componibili.
Non disegna nulla in sé, ma aiuta a posizionare gli altri compositori.
Questi sono i vincoli per il gradiente di sfondo.
Inoltre, possiamo specificare la larghezza e l'altezza all'interno dell'ambito del vincolo.
Quindi la larghezza è uguale alla dimensione, il punto di riempimento ai vincoli e l'altezza è uguale
alla dimensione, il punto di riempimento ai vincoli nel layout dei vincoli di jetpack composes, è possibile
specificare come la larghezza e l'altezza di un composable devono essere determinate in relazione ai suoi vincoli.
Utilizzando la classe dimension, le proprietà dimensionali riempite di vincoli sia per la larghezza che per l'altezza
assicurano che il componibile si estenda per riempire lo spazio tra i vincoli a cui è collegato.
Quindi, se apriamo la classe dimension, possiamo vedere che si tratta
di un oggetto companion e notiamo che c'è un rapporto.
Sono molte le cose che si possono impostare: wrapcontent, matchparent, vincoli di filtro e altro.
In seguito.
Li vedremo nei prossimi video.
Vorrei che notaste che la larghezza e l'altezza possono essere
specificate all'interno dell'ambito del vincolo, come nel layout del vincolo.