Oprócz podstawowego skalowania obiektów UI możesz wykorzystać modyfikatory rozmiaru do skalowania obiektu proporcjonalnie lub automatycznego zmieniania rozmiaru.Możesz także wstawić ograniczenia rozmiaru, aby kontrolować proporcję aspektu lub ustawić minimalny i maksymalny rozmiar lub rozmiar tekstu .
Skalę
Przedmiot przechowuje wartość liczbową, która mnoży właściwość rodzica >.Na przykład, jeśli chcesz, aby obiekt był dwa razy większy niż jest obecnie, możesz wstawić obiekt UIScale z właściwością Scale o wartości 2.
Ten modyfikator jest przydatny do "przybliżania" podczas projektowania szczegółowego interfejsu użytkownika w Studio, ponieważ proporcjonalnie skaluje obiekt i wszystkie jego dzieci, w tym wszelkie zastosowane modyfikatory wyglądu jak lub .Pomocne jest również przełączenie rozmiaru obiektu, na przykład, aby nieco zwiększyć rozmiar przycisku, gdy gracz przesuwa mysz nad nim.
Automatyczne skalowanie
Właściwość AutomaticSize automatycznie zmienia rozmiar rodzica GuiObject do rozmiaru jego potomków.Możesz używać tej właściwości w różnych przypadkach, w tym:
- Rozszerzanie GuiObject do pasuje do tekstu, który został zlokalizowany w wielu językach.
- Pozwalanie użytkownikom na wpisanie tekstu w ramach TextBox, automatycznie dostosowując jego rozmiar w zależności od ilości wprowadzonego tekstu.
- Automatyczne dostosowywanie rozmiaru obiektów tekstowych za pomocą bogatego formatowania tekstu, w tym typu i rozmiaru czcionki.
Możesz włączyć właściwość AutomaticSize dla dowolnego GuiObject.Domyślnie jest ustawiony na None, ale możesz zmienić jego wartość, aby mieć kontrolę nad tym, w jakim kierunku GuiObject zmniejsza się, aby zmieścić jego zawartość.
ScrollingFrame używa właściwości AutomaticCanvasSize zamiast AutomaticSize.Zachowuje się tak samo, ale zmienia rozmiar ramki CanvasSize, a nie jej podstawę Size.
Aby włączyć automatyczne skalowanie:
W oknie Eksploratora kliknij dowolne GuiObject, takie jak Frame, TextBox lub ImageLabel.
W oknie Właściwości, przełącz się do właściwości AutomaticSize ( AutomaticCanvasSize dla ScrollingFrame) i ustaw ją na jedną z następujących opcji:
- X — Przeskalowuje zawartość poziomo.
- Y — Skaluje zawartość pionowo.
- XY — Skaluje zawartość poziomo i pionowo.
Po ustawieniu automatycznego rozmiaru zauważ, że inne właściwości obiektu zachowują się następująco:
Podobnie do koncepcji skalowania obiektu, AutomaticSize bierze pod uwagę właściwość AnchorPoint przy zmianie rozmiaru zawartości.Na przykład następujące wideo wyświetla trzy TextLabels, które automatycznie zmieniają rozmiar od ich punktu odniesienia.
- Górna etykieta ma wartość >, która umacnia ją w środku lewej strony.
- Środkowa etykieta ma wartość >, która ją przyczepia do centrum.
- Dolna etykieta ma wartość >, która przyczepia ją do środka prawej strony.
Ograniczenia
Istnieją trzy rodzaje ograniczeń , których możesz użyć dla obiektu interfejsu użytkownika: rozmiar, rozmiar tekstu i proporcja aspektu.Aby użyć ograniczenia, musisz ustawić je jako dziecko z GuiObject które chcesz ograniczyć.
Rozmiar
The UISizeConstraint określa minimalną i maksymalną wielkość dla GuiObject .Ograniczenie to zapewnia, że GuiObject nie stanie się zbyt małe lub duże na różnych rozmiarach ekranu.
Na przykład, jeśli ustawisz właściwość MinSize na (200, 200) i właściwość MaxSize na (400, 400), właściwość GuiObject nie może mieć rozmiaru mniejszego niż 200×200 pikseli lub większego niż 400×400 pikeli.
Gdy obiekt interfejsu użytkownika jest pod kontrolą zarówno struktury układu, takiej jak UIListLayout , jak i UISizeConstraint, ograniczenie zastąpi układ i kontroluje rozmiar obiektu.
Rozmiar tekstu
Specyfikacja UITextSizeConstraint określa minimalną i maksymalną wielkość czcionki dla GuiObject z tekstem, taką jak TextLabel , TextButton lub TextBox.Ograniczenie to zapewnia, że tekst w obrębie nie stanie się nieczytelny lub zbyt duży.
Jeśli włączysz właściwość TextScaled właściwości rodzica GuiObject, rozmiar tekstu skaluje się z rozmiarem kontenera i respektuje ograniczenia, nawet jeśli obiekt staje się mniejszy lub większy niż wartości MinTextSize i MaxTextSize.
Na przykład następujący obiekt ma wartość z wartością i wartością MaxTextSize .Nawet gdy TextLabel staje się mniejszy, czcionka nigdy nie staje się mniejsza niż 50 pikseli, a gdy obiekt staje się duży, czcionka następnie przekracza 80 pikeli.
Nie używaj wartości właściwości MinTextSize niższych niż 9, lub tekst będzie trudny do odczytania dla wielu odbiorców.
Stosunek aspektów
The egzekwuje stosunek szerokości do wysokości na poziomie niezależnie od rozmiaru rdzenia, nawet jeśli rozmiar ten jest ustawiony jako procent jego rodzica.Na przykład wstawienie tego ograniczenia jako dziecko Frame i ustawienie właściwości ograniczenia AspectRatio na 2 ( 2:1 ) utrzymuje szerokość ramy dwukrotnie większą niż jej wysokość.Podobnie ustawienie właściwości AspectRatio ograniczenia tej konieczności do 0.5 (0.5:1) utrzymuje szerokość ramy na połowie wysokości.
Ustawienie ograniczenia AspectRatio zgodnie z domyślną wartością 1 ( 1:1 ) jest wygodnym sposobem zapobiegania nieproporcjonalnemu skalowaniu/rozciąganiu ImageLabel z obrazem kwadratowym, takim jak miniaturka awatara .
Gdy obiekt interfejsu użytkownika jest pod kontrolą zarówno struktury układu, takiej jak UIListLayout , jak i UIAspectRatioConstraint, ograniczenie zastąpi układ i kontroluje rozmiar obiektu.