Utilizzando modificatori di aspetto , puoi ulteriormente personalizzare l'aspetto del tuo GuiObjects .
- Applica un gradiente alla base di un oggetto.
- Applica un tratto al testo o a un bordo.
- Imposta angoli arrotondati per un oggetto.
- Aumenta il pad tra i confini di un oggetto.
Gradiente
L'oggetto UIGradient applica un color e ungradiente di trasparenza al suo padre GuiObject .
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIGradient.jpg)
![](https://prod.docsiteassets.roblox.com/assets/studio/explorer/UIGradient.png)
Puoi configurare il gradiente di:
- Impostare i suoi colori attraverso un ColorSequence in Proprietàdel gradiente Color.
- Impostando la sua trasparenza attraverso un NumberSequence in Proprietàdel gradiente Transparency.
- Scegliendo il punto di partenza del gradiente (all'interno o all'esterno dei confini del parent) attraverso la ProprietàOffset .
- Scegliendo l'angolo del gradiente attraverso la ProprietàRotation .
Sequenza di colori
Per impostare la sequenza di colore di un gradiente:
Nella finestra Explorer, seleziona il UIGradient.
Nella finestra Proprietà , fai clic all'interno del campo Colore della proprietà, quindi fai clic sul pulsante … alla destra della Quadro di selezionedi input. Viene visualizzata una sequenza di colori.
Ogni triangolo sulla direzione diagonale dell'asse di colore è un punto chiave che determina il valore del colore a quel punto.
Fai clic su un punto di interruzione nel codice di colore, quindi fai clic sul piccolo quadrato accanto a Colore per aprire la finestra pop-up Colori .
Seleziona il colore desiderato per il punto d'interruzione.
Se necessario, puoi:
- Aggiungi un altro punto di interruzione facendo clic in qualsiasi punto sulla grafica.
- Trascina un keypoint esistente in una nuova posizione, o seleziona un keypoint e inserisci un valore di tempo specifico attraverso l'input Tempo .
- Elimina un punto di interruzione selezionandolo e facendo clic sul pulsante Elimina .
- Ripristina la sequenza facendo clic sul pulsante Reset .
Trasparenza
Per regolare la trasparenza di un gradiente nella sua gamma:
Nella finestra Explorer, seleziona il UIGradient.
Nella finestra Proprietà , fai clic all'interno del campo Trasparenza , quindi fai clic sul pulsante … alla destra della Quadro di selezionedi input. Viene visualizzata una sequenza di numeri.
Ogni quadrato nella sequenza di numeri è un punto chiave che determina il valore di trasparenza a quel punto.
Fai clic e trascina qualsiasi punto d'interruzione intorno, o seleziona un punto d'interruzione e inserisci una combinazione di tempo/valore specifica attraverso gli input Tempo e Valore .
Se necessario, puoi:
- Aggiungi un altro punto di interruzione facendo clic in qualsiasi punto sulla grafica.
- Elimina un punto di interruzione selezionandolo e facendo clic sul pulsante Elimina .
- Ripristina la sequenza facendo clic sul pulsante Reset .
Spostamento e Rotazione
Le proprietà Offset e Rotation ti consentono di regolare i punti di controllo del gradiente e il suo angolo. Come mostrato nei seguenti diagrammi, Offset è basato su un 1>percentile1> della larghezza o dell'altezza del parent
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIGradient-Offset-X-0.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIGradient-Offset-X-Pos-0.25.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIGradient-Offset-X-Neg-0.25.png)
Allo stesso modo, quando ruoti il gradiente, i punti di controllo Rotareanche.
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIGradient-Rotation-0.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIGradient-Rotation-Pos-45.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIGradient-Rotation-Neg-90.png)
Attacco
L'istanza UIStroke applica un contorno al testo o al bordo. Le caratteristiche chiave includono:
- Aggaibile colore e dimensione dell'outline del tratto.
- Possibilità di impostare la trasparenza trasparenza indipendentemente dalla trasparenza dei parent.
- Tre stili di angolo (round, bevel, or miter).
- Stroke gradiente supporto attraverso l'esempioUIGradient .
Contorno del testo / Border
A seconda del suo parent, UIStroke funziona come un bordo di testo o come un bordo di testo . Quando genitori 1> Class.UIStroke1> a un oggetto di testo, si applica all'outline del testo; quando genitori 4> Class.UIStroke
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-As-Text-Outline.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-As-Border.png)
Quando applicato a un oggetto di testo, puoi sovrascrivere il comportamento del tratto standard dal ApplyStrokeMode Proprietà, consentendoti di applicare il tratto all'interfaccia dell'utente invece che al testo stesso. Puoi persino controllare l'outline e la frontiera indipendentemente dal genitore di due ist
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-As-Text-Outline.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-Stroke-Mode-Border.png)
Spessore
Puoi impostare la larghezza del tratto attraverso la proprietà Thickness che viene misurata in pixel dalle estensioni esterne del parent.
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-Thickness-4.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-Thickness-12.png)
Colore/gradiente
Puoi impostare il colore del tratto attraverso la ProprietàColor, nonché inserire una istanza figlia UIGradient per creare trattini di gradiente.
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-Color-Solid.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-Color-Gradient.png)
Trasparenza
La proprietà Transparency imposta la trasparenza dello stroke indipendentemente dalla trasparenza del padre oggetto's BackgroundTransparency o TextTransparency . Ciò ti consente di rendere i test e le linee che sono "hollow" (consistono in un solo contorno).
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-Transparency-A.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-Transparency-B.png)
Stile di angolo
La proprietà LineJoinMode ti consente di controllare il modo in cui vengono interpretati gli angoli. Accetta un valore di Round , Bevel , o 1> Miter1> .
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-LineJoinMode-Round.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-LineJoinMode-Bevel.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UIStroke-LineJoinMode-Miter.png)
Angoli
L'istanza UICorner applica la deformazione a tutti e quattro gli angoli del suo padre GuiObject . Puoi controllare il raggio applicato attraverso la proprietà CornerRadius utilizzando either 1> Datatype.UDim.Scale|Scale1> o 4>
![](https://prod.docsiteassets.roblox.com/assets/studio/properties/UICorner-CornerRadius.png)
Scale arrotonda gli angoli in un percentuale in base alla lunghezza totale dell'angolo più breve del边 del parent, il che significa che uno scala di 0.5 o superiore deforma il parent
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UICorner-Scale-0.25.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UICorner-Scale-0.5.png)
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UICorner-Offset-32.png)
Datatype.UDim.Scale|Scale = 0 · Datatype.UDim.Offset|Offset = 2> 322> · ·
![](https://prod.docsiteassets.roblox.com/assets/ui/ui-objects/UICorner-Offset-64.png)
Datatype.UDim.Scale|Scale = 0 · Datatype.UDim.Offset|Offset = 2> 642> · ·
Spalline
Un oggetto UIPadding si applica a top, bottom, left e/o right padding ai contenuti del padre GuiObject .
Ad esempio, puoi spostare il testo all'interno di un pulsante di testo verso il basso o verso l'alto applicando uno spostamento alla parte inferiore del pulsante.