Utilizzando i modificatori di aspetto, puoi ulteriormente personalizzare l'aspetto dei tuoi GuiObjects.
- Applica un gradient allo sfondo di un oggetto.
- Applica un tratto al testo o a un bordo.
- Imposta angoli arrotondati per un oggetto.
- Aumenta il padding tra i confini di un oggetto.
- Aggiungi un ombra esterna dietro un oggetto.
Gradient
L'oggetto UIGradient applica un gradiente di colore e trasparenza al suo oggetto genitore GuiObject.
Puoi configurare il gradiente:
- Impostando la sua trasparenza attraverso un NumberSequence nella proprietà Transparency del gradiente.
- Scegliendo il punto di partenza del gradiente (all'interno o all'esterno dei confini del genitore) attraverso la proprietà Offset.
- Scegliendo l'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 Properties, fai clic all'interno del campo della proprietà Color, quindi fai clic sul pulsante ⋯ a destra della casella di input. Viene visualizzato un pop-up della sequenza di colori.
Ogni triangolo sull'asse inferiore della sequenza di colori è un punto chiave che determina il valore di colore in quel punto.
Fai clic su un punto chiave nella sequenza di colori, quindi fai clic sul piccolo quadrato accanto a Color per aprire la finestra pop-up Colors.
Seleziona il colore desiderato per il punto chiave.
Se necessario, puoi:
- Aggiungere un altro punto chiave facendo clic ovunque sul grafico.
- Trascinare un punto chiave esistente in una nuova posizione, oppure selezionare un punto chiave e inserire un valore di tempo specifico attraverso il campo Time.
- Eliminare un punto chiave selezionandolo e facendo clic sul pulsante Delete.
- Ripristinare la sequenza facendo clic sul pulsante Reset.
Trasparenza
Per regolare la trasparenza di un gradiente lungo il suo intervallo:
Nella finestra Explorer, seleziona il UIGradient.
Nella finestra Properties, fai clic all'interno del campo della proprietà Transparency, quindi fai clic sul pulsante ⋯ a destra della casella di input. Viene visualizzato un pop-up della sequenza numerica.
Ogni quadrato lungo il grafico della sequenza numerica è un punto chiave che determina il valore di trasparenza in quel punto.
Fai clic e trascina qualsiasi punto chiave, oppure seleziona un punto chiave e inserisci una combinazione di tempo/valore specifica attraverso i campi Time e Value.
Se necessario, puoi:
- Aggiungere un altro punto chiave facendo clic ovunque sul grafico.
- Eliminare un punto chiave selezionandolo e facendo clic sul pulsante Delete.
- Ripristinare la sequenza facendo clic sul pulsante Reset.
Offset 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 della larghezza o dell'altezza del genitore, e valori sia positivi che negativi sono validi.
Allo stesso modo, quando ruoti il gradiente, anche i punti di controllo ruotano:
Stroke
L'istanza UIStroke applica un contorno al testo o a un bordo. Le caratteristiche principali includono:
- Colore regolabile e spessore del contorno.
- Capacità di impostare la trasparenza del contorno in modo indipendente dalla trasparenza del genitore.
- Posizione e/o offset personalizzabili relative al bordo del genitore.
- Tre stili di angolo (arrotondato, smussato o a croce).
- Supporto gradiente per il contorno attraverso l'istanza UIGradient.
Spessore
Puoi impostare la larghezza del contorno attraverso la proprietà Thickness, misurata in pixel (predefinito) o scalata in base al genitore, a seconda della StrokeSizingMode del modificatore. Se il tratto è su testo e StrokeSizingMode è impostato su ScaledSize, lo spessore è relativo alla dimensione del carattere.
Colore o gradiente
Puoi impostare il colore del contorno attraverso la proprietà Color, oltre a inserire un'istanza figlia UIGradient per creare tratti gradiente.
Sia l'oggetto genitore che UIStroke possono avere istanze figlie UIGradient, consentendo di impostare gradiente sia sul tratto che sul riempimento indipendentemente.
Contorno del testo o bordo
A seconda del tipo del suo genitore, UIStroke opera sia come contorno del testo sia come bordo. Quando inquadro UIStroke a un oggetto di testo come TextLabel, si applica al contorno del testo; quando inquadro UIStroke ad altri GuiObjects, si applica al bordo.
Quando applicato a un oggetto di testo, puoi sovrascrivere il comportamento predefinito del tratto mediante la proprietà ApplyStrokeMode, permettendoti di applicare il tratto ai confini dell'oggetto invece che al testo stesso. Puoi anche controllare il contorno del testo e il bordo in modo indipendente inquadrando due istanze UIStroke a un oggetto di testo, una impostata su Contextual e l'altra su Border.
Posizione/offset del bordo
BorderStrokePosition imposta la posizione del tratto rispetto al bordo del suo genitore e BorderOffset ti consente di specificare un offset aggiuntivo alla posizione del tratto.
Trasparenza
La proprietà Transparency imposta la trasparenza del tratto in modo indipendente dalla BackgroundTransparency dell'oggetto genitore o dalla TextTransparency. Questo ti consente di visualizzare testo e bordi che sono "cavi" (composti solo da un contorno).
Stile degli angoli
La proprietà LineJoinMode ti consente di controllare come vengono interpretati gli angoli. Accetta un valore di Round, Bevel o Miter.
Sovrapposizione
Per sovrapporre più istanze di UIStroke su un GuiObject da davanti a dietro, puoi utilizzare la proprietà ZIndex. Quelle con un ZIndex più basso vengono visualizzate sotto (dietro) quelle con un ZIndex più alto.
Nota che l'ordine di rendering per le istanze di UIStroke con lo stesso ZIndex è indefinito. Non applicare più istanze di UIStroke con lo stesso indice se l'ordine di rendering ha importanza.
Angoli
L'istanza UICorner applica deformazione agli angoli del suo genitore GuiObject. Puoi controllare il raggio applicato attraverso la proprietà CornerRadius utilizzando Scale o Offset.
Scale arrotonda gli angoli a una percentuale basata sulla lunghezza totale del bordo più corto del genitore, il che significa che uno scale di 0.5 o superiore deforma il genitore in una forma "a pillola", indipendentemente dalla sua larghezza o altezza. Offset arrotonda gli angoli a un numero specifico di pixel, indipendentemente dalla larghezza/altezza del genitore.
Puoi anche controllare angoli individuali attraverso le proprietà TopLeftRadius, TopRightRadius, BottomRightRadius e BottomLeftRadius.
TopRightRadius = (0, 48)
BottomRightRadius = (0, 48)
BottomLeftRadius = (0, 0)
Padding
Un oggetto UIPadding applica padding superiore, inferiore, sinistro e/o destro ai contenuti del genitore GuiObject. Ad esempio, puoi spostare il testo all'interno di un'etichetta di testo verso il basso o verso l'alto applicando un offset alla proprietà PaddingBottom del modificatore.
Ombra
Un oggetto UIShadow rende un'ombra esterna dietro la sua istanza UI genitore. Le caratteristiche principali includono:
- Regola la sfocatura dell'ombra.
- Regola il colore e la trasparenza dell'ombra.
- Regola l'offset e la diffusione dell'ombra.
- Se il genitore è ruotato tramite GuiObject.Rotation, anche l'ombra verrà ruotata.
- Se il genitore ha angoli arrotondati, l'ombra avrà anch'essa angoli arrotondati.
UIShadow non supporta il testo. Se aggiungi questo modificatore a un TextLabel o a un TextButton, renderizza un'ombra dell'area di delimitazione rettangolare dell'oggetto, non del testo.
Sfocatura
La proprietà BlurRadius determina la sfocatura dell'ombra. Un valore più grande rende i bordi dell'ombra più morbidi. Nota che il fattore di scala di questa proprietà UDim è relativo alla larghezza o all'altezza del genitore, a seconda di quale sia più corto.
Colore e trasparenza
La proprietà Color determina il colore dell'ombra, mentre Transparency imposta la trasparenza dell'ombra con 0 che è completamente opaco e 1 che è completamente trasparente.
Offset e diffusione
La proprietà Offset sposta l'ombra in relazione alla posizione del genitore, mentre Spread espande o riduce l'ombra in relazione alla dimensione del genitore.
