Comporre con pile e forme

Passaggio 1

Cambia la pila VStack in una pila ZStack (pila di profondità).

Passaggio 2

Apri l’elenco di viste e scorri verso il basso per trovare le forme capsula, cerchio, ellissi, rettangolo e rettangolo arrotondato.

Passaggio 3

Aggiungi una forma per la testa alla pila ZStack. Usa Rettangolo arrotondato per un viso squadrato o Capsula per un viso più rotondo.

Suggerimento

Per i rettangoli arrotondati occorre indicare il raggio dell’angolo.

Passaggio 1

Aggiungi una riga vuota sotto a capsule (capsula), quindi apri l’elenco di modificatori.

Passaggio 2

Cerca il modificatore Cornice e toccalo per aggiungerlo al codice.

Passaggio 3

Inserisci dei valori approssimativi di altezza e larghezza per creare la testa.

Passaggio 1

Aggiungi una riga vuota sotto a frame, quindi apri l’elenco di modificatori.

Passaggio 2

Digita Stile primo piano nel campo di ricerca. Toccalo per aggiungerlo al codice.

Passaggio 3

Per modificare il colore, seleziona il codice fra parentesi e apri l’elenco dei colori.

Passaggio 4

Tocca un colore per aggiungerlo al codice.

Suggerimento

Puoi anche creare il tuo colore. Scegli uno dei frammenti di codice e modifica i valori in modo che il colore corrisponda a quello della tua pelle.

Passaggio 1

Metti in pratica quanto imparato per aggiungere un rettangolo che rappresenti il collo e modifica le dimensioni con un modificatore frame.

Passaggio 2

Aggiungi una riga vuota sotto a rectangle (rettangolo), quindi cerca Offset nell’elenco dei modificatori.

Passaggio 3

Tocca offset e modifica il valore per spostare in basso la forma. Se vuoi, puoi cancellare i parametri che non usi.

Passaggio 4

Sposta il collo sotto al volto.

Seleziona Rectangle e tutti i modificatori che hai aggiunto. Taglia e incolla il codice nella parte superiore della pila di profondità. Quindi modifica il colore in modo che corrisponda a quello della testa.

Passaggio 5

Metti in pratica quanto imparato per aggiungere una camicia, posizionala correttamente sullo schermo e scegli un colore.

Passaggio 1

Aggiungi un cerchio per i capelli. Usa frame per renderlo largo più o meno come il volto o un po’ di più.

Passaggio 2

Aggiungi una riga vuota sotto a Circle (cerchio). Digita .trim e tocca Invio quando compare nel codice.

Ricorda che il modificatore trim (ritaglia) deve apparire subito sotto a una forma.

Passaggio 3

Sperimenta con i valori per capire quanto ritagliare.

Passaggio 4

Modifica la posizione della frangia o dei capelli corti. Aggiungi altri elementi per completare i capelli.

Suggerimento

Se in una pila ci sono più di dieci viste, apparirà l’avviso: “Extra arguments at position...”.

In questo caso, raggruppa gli elementi come mostrato qui.

Passaggio 1

Nel codice, individua la forma che costituisce la testa. Aggiungi una riga vuota sotto alla forma, quindi cerca Ombra nell’elenco dei modificatori.

Passaggio 2

Modifica il raggio dell’ombra. Sperimenta con i valori per vedere che aspetto assume.

Suggerimento

Se vuoi, puoi aggiungere un colore anche per l’ombra.