Utilizzando modificatori di apparenza , puoi personalizzare ulteriormente l'aspetto del tuo GuiObjects .
- Applica un gradiente al background di un oggetto.
- Applica un tratto al testo o a un bordo.
- Imposta angoli arrotondati per un oggetto.
- Aumenta lo spazio di riempimento tra i bordi di un oggetto.
Grado
L'oggetto UIGradient applica un gradiente di colore e trasparenza al suo padre GuiObject .
Puoi configurare il gradiente by:
- Impostando la sua trasparenza attraverso una NumberSequence nella Proprietàdel gradiente Transparency.
- Selezione del punto di partenza del gradiente (interno o all'esterno dei confini del parent) attraverso la ProprietàOffset.
- Selezione dell'angolo del gradiente attraverso la ProprietàRotation.
Sequenza di colori
Per impostare la sequenza di colori di un gradiente:
Nella finestra Explorer , seleziona il UIGradient.
Nella finestra Proprietà , clicca all'interno del campo Colore , quindi clicca il pulsante … a destra della Quadro di selezionedi input.Un pop-up sequenza di colori viene visualizzato.
Ogni triangolo sull'asse inferiore della sequenza di colori è un punto di controllo che determina il valore del colore a quel punto.
Fai clic su un punto chiave nella sequenza di colori, quindi fai clic sul piccolo quadrato accanto a Colore per aprire la finestra pop-up Colori .
Seleziona il colore desiderato per il punto di accesso.
Se necessario, puoi:
- Aggiungi un altro punto chiave facendo clic ovunque sul grafico.
- Trascina un punto di accesso esistente in una nuova posizione o seleziona un punto di accesso e inserisci un valore temporale specifico attraverso l'input Tempo .
- Elimina un punto chiave selezionandolo e facendo clic sul pulsante Elimina .
- Ripristina la sequenza facendo clic sul pulsante Ripristina .
Trasparenza
Per regolare la trasparenza di un grado nel suo intervallo:
Nella finestra Explorer , seleziona il UIGradient.
Nella finestra Proprietà , clicca all'interno del campo di proprietà Trasparenza , quindi clicca il pulsante … a destra della Quadro di selezionedi input.Un pop-up di sequenza di numeri.
Ogni quadrato attraverso la sequenza numerica è un punto di chiave che determina il valore di trasparenza a quel punto.
Fai clic e trascina qualsiasi punto di accesso in giro, o seleziona un punto di accesso e inserisci una combinazione di tempo/valore specifica attraverso gli input Tempo e Valore .
Se necessario, puoi:
- Aggiungi un altro punto chiave facendo clic ovunque sul grafico.
- Elimina un punto chiave selezionandolo e facendo clic sul pulsante Elimina .
- Ripristina la sequenza facendo clic sul pulsante Ripristina .
Spostamento e rotazione
Le proprietà Offset e Rotation ti consentono di regolare i punti di controllo del gradiente e il suo angolo.Come illustrato nei seguenti diagrammi, Offset è basato su una percentuale di larghezza o altezza del parent, e entrambi i valori positivi o negativi sono validi
Allo stesso modo, quando ruoti il gradiente, anche i punti di controllo Rotare.
Tratto
L'istanza UIStroke applica un contorno al testo o a un bordo. Le caratteristiche principali includono:
- Possibilità di impostare l'opacità del tratto trasparenza indipendentemente dall'opacità del parent.
- Tre stili d'angolo (round, bevel o miter).
- Supporto del gradiente stroke attraverso l'istanza UIGradient.
Contorno del testo/confine
A seconda del suo parent, UIStroke opera come un contorno di testo o come un bordo .Quando genitori UIStroke a un oggetto di testo, si applica all'outline del testo; quando genitori UIStroke ad altri GuiObjects , si applica al bordo.
Quando viene applicato a un oggetto di testo, puoi annullare il comportamento predefinito dello stroke con la ProprietàApplyStrokeMode, consentendoti di applicare lo stroke ai confini dell'oggetto invece del testo stesso.Puoi persino controllare l'outline del testo e il bordo in modo indipendente assegnando due UIStroke istanze a un oggetto di testo, una impostata su Contextual e l'altra su Border .
Spessore
Puoi impostare la larghezza del tratto attraverso la proprietà Thickness che viene misurata in pixel dagli angoli esterni del parent.
Evita tweening la proprietà di un'istanza applicata a oggetti di testo>.Questo rende e memorizza molte dimensioni di glyph in ogni frame, potenzialmente causando problemi di prestazioni o lampeggiamento del testo.
Colore/gradiente
Puoi impostare il colore del tratto attraverso la ProprietàColor, nonché inserire un'istanza figlia UIGradient per creare tratti di gradiente.
Sia l'oggetto padre che UIStroke possono avere istanze figlie UIGradient , consentendoti di impostare gradienti sul tratto e riempimento in modo indipendente.
Trasparenza
La proprietà Transparency imposta la trasparenza del tratto in modo indipendente dalla trasparenza dell'oggetto padre BackgroundTransparency o TextTransparency.Questo ti consente di rendere testo e bordi che sono "空洞" (consistenti solo di un contorno).
Stile angolare
La proprietà LineJoinMode ti consente di controllare come vengono interpretati gli angoli.Accetta un valore di Rotonda , Sega , o Miter .
Punti
L'istanza UICorner applica la deformazione a tutti i quattro angoli del suo padre GuiObject .Puoi controllare il raggio applicato attraverso la proprietà CornerRadius usando Scale o Offset .
Scale arrotonda gli angoli a una percentuale basata sulla lunghezza totale dell' bordo più breve del parent, intendendo che una scala di 0.5 o superiore deforma il genitore in una forma a "pill", indipendentemente dalla sua larghezza o altezza.Offset arrotonda gli angoli a un numero specifico di pixel , indipendentemente dalla larghezza/altezza del parent.
Spaziatura
Un oggetto A UIPadding applica la spaziatura superiore, inferiore, sinistra e/o destra ai contenuti del genitore GuiObject.
Ad esempio, puoi spostare il testo all'interno di un pulsante di testo verso il basso o verso l'alto applicando un offset alla parte inferiore del pulsante.