Oltre alla ridimensionamento di base di oggetti UI, puoi utilizzare i modificatori di dimensione per ridimensionare un oggetto proporzionalmente o ridimensionarlo automaticamente.Puoi anche inserire restrizioni di dimensione per controllare la proporzione dell'aspetto o impostare un minimo e un massimo di dimensioni o dimensione del testo .
Dimensione
Un oggetto A UIScale memorizza un valore numerico che moltiplica la proprietà AbsoluteSize del padre A GuiObject.Ad esempio, se vuoi che un oggetto sia due volte più grande di quanto non sia attualmente, puoi inserire un oggetto UIScale con una proprietà Scale di 2.
Questo modificatore è utile per "ingrandire" durante la progettazione di un'interfaccia utente dettagliata in Studio, poiché ridimensiona proporzionalmente l'oggetto e tutti i suoi figli, inclusi qualsiasi modificatore di apparenza applicato come o >.È anche utile per ridurre la dimensione di un oggetto, ad esempio per aumentare leggermente la dimensione di un pulsante quando un giocatore passa il mouse su di esso.
Ridimensionamento automatico
La proprietà AutomaticSize resize automaticamente un padre GuiObject alla dimensione dei suoi discendenti.Puoi utilizzare questa proprietà in una varietà di casi, tra cui:
- Espandere un GuiObject per adattare il testo che è stato localizzato in molte lingue.
- Permettere agli utenti di inserire testo all'interno di un TextBox, regolando automaticamente la sua dimensione in base alla quantità di testo inserito.
- Adeguamento automatico delle dimensioni degli oggetti di testo utilizzando il markup di testo ricco, incluso il tipo di carattere e le dimensioni.
Puoi abilitare la proprietà AutomaticSize per qualsiasi GuiObject.Per impostazione predefinita, è impostato su None , ma puoi cambiare il suo valore per avere un controllo specifico su quale direzione(i) il GuiObject ridimensioni per adattarsi al suo contenuto.
ScrollingFrame utilizza la proprietà AutomaticCanvasSize invece di AutomaticSize.Si comporta allo stesso modo ma ridimensiona il CanvasSize della cornice, non la sua base Size .
Per abilitare la ridimensionamento automatico:
Nella finestra Explorer, clicca qualsiasi GuiObject, come un Frame, TextBox o ImageLabel.
Nella finestra Proprietà, naviga alla proprietà AutomaticSize ( AutomaticCanvasSize per ScrollingFrame ) e impostala su una delle seguenti opzioni:
- X — Ridimensiona il contenuto orizzontalmente.
- Y — Ridimensiona il contenuto verticalmente.
- XY — Ridimensiona il contenuto sia orizzontalmente che verticalmente.
Una volta Impostarela ridimensionamento 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 TextLabels che si ridimensionano automaticamente dal loro punto di ancoraggio.
- L'etichetta superiore ha un valore AnchorPoint di (0, 0.5) che l'ancora al centro del lato sinistro.
- L'etichetta di mezzo ha un valore AnchorPoint di (0.5, 0.5) che lo ancorisce al centro.
- L'etichetta inferiore ha un valore AnchorPoint di (1, 0.5) che l'ancora al centro del lato destro.
Restrizioni
Ci sono tre tipi di vincoli che puoi utilizzare per un oggetto interfaccia utente: dimensione , dimensione del testo e rapporto aspetto .Per utilizzare una Vincolo, devi impostarla come figlio del GuiObject che vuoi limitare.
Dimensioni
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 dello schermo.
Ad esempio, se impostate la proprietà MinSize a (200, 200) e la proprietà MaxSize a (400, 400) , la GuiObject non può essere ridimensionata a meno di 200×200 pixel o maggiore di 400×400 pixel.
Quando un oggetto UI è sotto il controllo di entrambe una struttura di layout come UIListLayout e un UISizeConstraint, la restrizione sostituirà **** la struttura di layout e controllerà la dimensione dell'oggetto
Dimensione del testo
Il UITextSizeConstraint specifica una dimensione minima e massima del carattere per un GuiObject con testo, come un TextLabel , TextButton o TextBox .Questa restrizione garantisce che il testo all'interno di un GuiObject non diventi illeggibile o troppo grande.
Se abiliti la proprietà TextScaled del genitore GuiObject, la dimensione del testo aumenta con le dimensioni del contenitore e rispetta le restrizioni anche se l'oggetto diventa più piccolo o più grande rispetto ai valori MinTextSize e MaxTextSize.
Ad esempio, l'oggetto seguente TextLabel ha un UITextSizeConstraint con un valore di MinTextSize di 50 e un valore di 80 di MaxTextSize .Anche quando il TextLabel diventa più piccolo, il carattere non diventa mai più piccolo di 50 pixel, e quando l'oggetto diventa grande, il carattere successivo supera gli 80 pixel.
Non utilizzare i valori di proprietà MinTextSize inferiori a 9 o il testo sarà difficile da leggere per molti spettatori.
Rapporto aspetto
Il UIAspectRatioConstraint impone una proporzione larghezza‑altezza su un GuiObject indipendentemente dalla sua dimensione principale, anche se quella dimensione è impostata come percentuale del suo parent.Ad esempio, inserendo questa restrizione come figlia di un Frame e impostando la proprietà della VincoloAspectRatio a 2 ( 2:1 ) mantiene la larghezza del frame a due volte quella della sua altezza.Allo stesso modo, impostare la proprietà AspectRatio della restrizione a 0.5 ( 0.5:1 ) mantiene la larghezza del frame a metà dell'altezza.
Impostare questa Vincolodi a ( ) al valore predefinito di ( ) è un modo conveniente per prevenire la ridimensionamento/stretching non proporzionale di un con una risorsa immagine quadrata, come un avatar thumbnail .
Quando un oggetto UI è sotto il controllo di entrambe una struttura di layout come UIListLayout e un UIAspectRatioConstraint, la restrizione sostituirà **** la struttura di layout e controllerà la dimensione dell'oggetto