Oltre a misurare le basiche dimensioni di oggetti UI, puoi utilizzare i modificatori di dimensioni per ridimensionare un oggetto in modo proporzionale o ridimensionare automaticamente . Puoi anche inserire 1> vincoli di dimensioni1> per controllare il 4>rapporto di aspetto4> o impostare un minimo e
Dimensione
Un oggetto UIScale memorizza un valore numerico che moltiplica la proprietà AbsoluteSize della parent GuiObject . Ad esempio, se vuoi che un oggetto sia due volte più
Questo modificatore è utile per "zoomare dentro" mentre si progetta un'interfaccia utente dettagliata in Studio, poiché scala proporzionalmente l'oggetto e tutti i suoi figli, tra cui tutti i modificatori di aspetto applicati come UIStroke o UICorner . È anche
Dimensionamento automatico
La proprietà AutomaticSize ridimensiona automaticamente un padre GuiObject a dimensione dei suoi discendenti. Puoi utilizzare questa proprietà in una varietà di casi, tra cui:
- Espandere un GuiObject per contenere il testo che è stato localizzato in molte lingue.
- Permetti agli utenti di inserire testo all'interno di un TextBox , regolando automaticamente la sua dimensione in base al numero di testo inserito.
- Aggiustamento automatico della dimensione degli oggetti di testo utilizzando markup del testo ricco, inclusa la dimensione del carattere e la dimensione.
Puoi abilitare la proprietà AutomaticSize per qualsiasi GuiObject . Per impostazione predefinita, è impostato su None, ma puoi cambiarlo per avere un controllo specifico su quale direzione(e) il 1> Class.GuiObject1> ridimensiona per adattarsi al suo
ScrollingFrame usa la proprietà AutomaticCanvasSize invece di AutomaticSize . Si comporta allo stesso modo ma ridimensiona il frame's 0> Class.ScrollingFrame.CanvasSize|CanvasSize0>, non la sua
Per abilitare la ridimensionamento automatico:
Nella finestra Explorer, fai clic su qualsiasi GuiObject, come un Frame, 1> Class.Toolbar1> o 4> Class.ImageLabel4> .
Nella finestra Proprietà, fai clic sulla proprietà AutomaticSize ( AutomaticCanvasSize per 2>Class.ScrollingFrame2> ) e imposta su uno delle seguenti opzioni:
- X — Ridimensiona il contenuto in orizzontale.
- Y — Ridimensiona il contenuto verticalmente.
- XY — Ridimensiona il contenuto sia orizzontalmente che verticalmente.
Una volta Impostarel'adattamento automatico, nota che le altre proprietà dell'oggetto si comportano come segue:
Simile al concetto di ridimensionamento di un oggetto, AutomaticSize prende in considerazione la proprietà AnchorPoint quando ridimensiona il contenuto. Ad esempio, il seguente video mostra tre 1> Class.TextLabel|Text Label1> che si adattano automaticamente dal loro punto di ancoraggio.
- L'etichetta superiore ha un valore AnchorPoint di (0, 0.5) che lo ancorisce al centro della sinistra.
- Il middle label ha un valore AnchorPoint di (0.5, 0.5) che lo ancorisce al centro.
- Il bottom label ha un valore AnchorPoint di (1, 0.5) che lo ancorisce al centro del lato destro.
Constritti
Ci sono tre tipi di 限制 che puoi utilizzare per un oggetto interfaccia utente: dimensione , dimensione del testo e 1>ratto di pixelizzazione1> . Per utilizzare una Vincolo, devi impostarla come un 4>figlio4> del 7>Class.GuiObject7> che vuoi limitare.
Dimensione
Il UISizeConstraint specifica una dimensione minima e massima per un GuiObject . Questa restrizione garantisce che il GuiObject non diventi troppo piccolo o grande su diverse dimensioni di schermo.
Ad esempio, se impostate la proprietà MinSize su (200, 200) e la proprietà Class.UISizeConstraint.MaxSize|
Quando un oggetto UI è sotto il controllo di una struttura di layout come UIListLayout e UISizeConstraint, il vincolo 覆盖 la layout e controlla la dimensione dell'oggetto.
Dimensione del Testo
Il UITextSizeConstraint specifica una dimensione minima e massima della font per un GuiObject con testo, come una TextLabel , 1> Class.TextButton1> o 4> Class.Toolbar4> .
Se abiliti la proprietà TextScaled della parent GuiObject , la dimensione del testo si adatta alle dimensioni del container e rispetta le limitazioni anche se l'oggetto diventa più piccolo o più grande rispetto ai valori MinTextSize
Ad esempio, il seguente oggetto TextLabel ha un UITextSizeConstraint con un valore MinTextSize di 2>502> e un valore massimo di
Non utilizzare i valori di proprietà MinTextSize che sono inferiore a 9 o il testo sarà difficile da leggere per molti utenti.
Rapporto aspetto
Il UIAspectRatioConstraint enforça un larghezza-altezza rapporto di forma su un GuiObject indipendent
Impostare questo vincolo AspectRatio al valore predefinito di 1 ( 1:1 ) è un modo conveniente per prevenire la escaling / strettura non proporzionale di un 1> Class.ImageLabel1> con una risorsa immagine quadrata, come una 4> miniatura av
Quando un oggetto UI è sotto il controllo di una struttura di layout come UIListLayout e UIAspectRatioConstraint, la restrizione sovrascriverà la layout e controllerà la dimensione dell'oggetto.