Modyfikatory i ograniczenia rozmiaru

*Ta zawartość została przetłumaczona przy użyciu narzędzi AI (w wersji beta) i może zawierać błędy. Aby wyświetlić tę stronę w języku angielskim, kliknij tutaj.

Oprócz podstawowych skalowanie obiektów UI można wykorzystać modyfikatory rozmiarów, aby skalić obiekt proporcjonalnie lub automatycznie zmniejszyć go. Można również wstawić 2>ograniczenia rozmiarów2> do kontroli 5>proporcjonalnego rozmi

Skala

Obiekt UIScale przechowuje wartość liczbową, która mnoży wartość AbsoluteSize rodzica GuiObject. Na przykład, jeśli chcesz, aby obiekt była d

Ten modyfikator jest przydatny do "skalowania w", podczas gdy projektujesz szczegółową interfejs użytkownika w Studio, ponieważ skaluje proporcjonalnie obiekt i wszystkie jego dzieci, w tym wszystkie zastosowane modyfikatory wyglądu jak Class.UIStroke</

Automatyczne Skalowanie

Właściwość AutomaticSize automatycznie skala rodzicielską GuiObject do rozmiarów jej potomnych. Możesz używać tej właściwości w różnych przypadkach, w tym:

  • Rozszerzenie GuiObject do tekstu, który został lokalizowany w wielu językach.
  • Umożliwienie użytkownikom wpisywanie tekstu w ramach TextBox, automatycznie dostosowując jego rozmiar w zależności od ilości tekstu wpisanego.
  • Automatyczne dostosowywanie rozmiarów obiektów tekstowych używając bogatej znaczników tekstu , w tym typu czcionki i rozmiaru.

Możesz włączyć właściwość AutomaticSize dla dowolnego GuiObject. Domyślnie ustawione jest na None, ale możesz zmienić jego wartość, aby mieć kontrolę nad kierunkiem, w którym rozmiar 2>Class.GuiObject2> skrzyń się, aby pasować

Aby włączyć automatyczne rozmiarowanie:

  1. W oknie Explorer, kliknij dowolne GuiObject, takie jak Frame, 1> Class.Toolbar1> lub 4> Class.ImageLabel4>.

  2. W oknie Właściwości przeglądajте się do właściwości AutomaticSize ( AutomaticCanvasSize dla 2>Class.ScrollingFrame2> ) i ustaw go na jedną z następujących opcji:

    • X — Skaluje treści poziomo.
    • Y — Skaluje treści poziomo.
    • XY — Skaluje treści poziomo i pionowo.

Gdy ustawiaćautomatyczne rozmiarowanie, zauważ, że inne właściwości obiektu zachowują się następująco:

Podobnie jak pojęcie skalowania obiektu, AutomaticSize uwzględnia właściwość AnchorPoint podczas skalowania treści. Na przykład poniższy film wyświetla trzy 2> Class.TextLabel|Text Labels2>, które automatycznie skalują z ich p

  • Górna etykieta ma wartość Class.GuiObject.AnchorPoint|AnchorPoint``Datatype.Vector2.new()|(0, 0.5), która przywiązuje go do środka lewego boku.
  • Następna etykieta ma wartość AnchorPoint z (0.5, 0.5), która umieszcza ją w centrum.
  • Dolna etykieta ma wartość AnchorPoint z (1, 0.5) która umieszcza ją w środku prawego boku.

Ograniczenia

Są trzy rodzaje ograniczeń możesz użyć dla obiektu interfejsu użytkownika: rozmiar , rozmiar tekstu i 1>proporcja aspektu1>. Aby użyć 4>ograniczenia4>, musisz ustawić go jako 7>dziecko7> Class.GuiObject , które chcesz zagn

Wielkość

Specyfikator UISizeConstraint określa minimalny i maksymalny rozmiar dla GuiObject . Ta ograniczenie gwarantuje, że GuiObject nie staje się zbyt mały lub zbyt duży na różnych rozmiarach ekranu.

Na przykład, jeśli ustawisz właściwość MinSize na (200, 200) > i właściwość Class

Rozmiar tekstu

Specyfikator UITextSizeConstraint określa minimalną i maksymalną rozmiar czcionki dla GuiObject z tekstem, takich jak TextLabel, 1> Class.TextButton1> lub 4> Class.Toolbar</

Jeśli włączysz właściwość TextScaled rodzica GuiObject, rozmiar tekstu skaluje się z rozmiarem kontenera i szanuje ograniczenia, nawet jeśli obiekt staje się mniejszy lub większy niż Class.UITextSizeConstraint.

Na przykład obiekt TextLabel ma UITextSizeConstraint z wartością MinTextSize2>MaxTextSize2> i maksymalną wartością 5>50

Stosunek aspektu

Class.UIAspectRatioConstraint enforces a 幅–do–wysokości aspect ratio on a GuiObject regardless of its core size, even if that size is set as a

Ustawienie AspectRatio tego ograniczenia na domyślną wielkość 1 ( 1:1 ) jest wygodnym sposobem na zapobieganie nierozporządkowanej skalowania/ciągnięcia się 1> Class.ImageLabel1> z zasobem obrazu, takim