Modyfikatory wyglądu interfejsu

*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.

Używając modyfikatorów wyglądu , możesz dalej dostosować wygląd swojego GuiObjects .

Zrównoważenie

Obiekt UIGradient stosuje kolor i przejście koloru do jego ojca GuiObject .

Możesz skonfigurować gradient przez:

  • Ustaw jego kolory poprzez ColorSequence w właściwościach gradientu Color.
  • Ustawienie jego przezroczystości poprzez NumberSequence w właściwości Transparencygradientu.
  • Wybór punktu wyjścia gradientu (w środku lub poza granicami rodzica) poprzez właściwość Offset.
  • Wybór kąta promienia za pomocą właściwości Rotation.

Sekwencja Kolorów

Aby ustawić kolejność kolorów dlagradacji:

  1. W oknie Explorer, wybierz UIGradient.

  2. W oknie Właściwości, kliknij w pole Kolor właściwości, a następnie kliknij przycisk … po prawej stronie pola wpisu. Wyświetlana jest wtedy okienko 2>…2>.

    Każdy trójkąt na dolnej osi koloru jest keypoint , który określa wartość koloru w tym punkcie.

    Color sequence popup from white to white
  3. Kliknij punkt klawiszowy w kolejności kolorów, a następnie kliknij mały kwadrat obok Kolor aby otworzyć okienko Kolory.

  4. Wybierz pożądany kolor dla klawiatury.

    Color sequence popup from red to white
  5. Jeśli to konieczne, możesz:

    • Dodaj kolejny punkt dostępu, klikając gdziekolwiek na grafice.
    • Przeciągnij istniejący klucz do nowej pozycji lub wybierz klucz i wpisz określony czas poprzez wpis Czas .
    • Usuń punkt kluczowy, zaznaczając go i klikając przycisk Usuń .
    • Zresetuj sekwencję, klikając przycisk Zresetuj .

Przezroczystość

Aby dostosować przejrzystośćgradientu w całym jego zasięgu:

  1. W oknie Explorer, wybierz UIGradient.

  2. W oknie Właściwości, kliknij w pole Przezroczystość, a następnie kliknij przycisk … po prawej stronie pola wpisu. Wyświetlana jest liczby sEQUENCJA.

    Każdy kвадrat na liczbowym grafie znaczników jest keypoint , który określa wartość przejrzystości w tym punkcie.

    Number sequence popup from 0.5 to 0.5
  3. Kliknij i przeciągnij dowolne pole klawiszowe, lub wybierz pole klawiszowe i wpisz okreśленną kombinację czasu/wartości poprzez wходы Czas i Wartość .

    Number sequence popup from 0 to 1
  4. Jeśli to konieczne, możesz:

    • Dodaj kolejny punkt dostępu, klikając gdziekolwiek na grafice.
    • Usuń punkt kluczowy, zaznaczając go i klikając przycisk Usuń .
    • Zresetuj sekwencję, klikając przycisk Zresetuj .

Odległość i Rotacja

Właściwości Offset i Rotation pozwalają dostosować punkty kontrolne gradientu i jego kąt. Ilustrowane poniżej diagnozyjne słupki pokazują, że Offset opiera się na procentu 2>z wysoko

Odległość (X) = 0
Odległość (X) = 0.25
Odległość (X) = -0.25

Podobnie, gdy obrócisz gradient, punkty kontrolne również się obrócą.

Rotacja = 0
Rotacja = 45
Rotacja = -90

Stroka

Instancja UIStroke stosuje kontur do tekstu lub linii granicznej. Key features include:

Wyrys / Granica

W zależności od jego rodzica, UIStroke działa jako podświetlenie tekstu lub jako granica . Gdy rodzicuje się 1> Class.UIStroke1> do tekstu, stosuje się jego podświetlenie; gdy rodzicuje się 4> Class.

TextLabel z dzieckiem UIStroke
Rama z dziećmi UIStroke i UICorner

Gdy zastosowany do obiektu tekstowego, możesz zmienić domyślną zachowanie kreski za pomocą właściwości ApplyStrokeMode, pozwalając aplikować kreskę na obszarze obiektu, a nie na tekście samym w sobie. Możesz nawet kontrol

UIStroke.ApplyStrokeMode = Kontekstowy
UIStroke.ApplyStrokeMode = Border

Grubość

Możesz ustawić szerokość końca za pomocą właściwości Thickness, która jest mierzona w pikselach z zewnętrznych krawędzi rodzica.

UIStroke.Thickness = 4
UIStroke.Thickness = 12

Kolor/gradient

Możesz ustawić kolor końca za pomocą właściwości Color oraz dziecka UIGradient, aby stworzyć końcowe odcienie.

UIStroke.Color = (0, 95, 225)
UIStroke z dzieckiem UIGradient

Przezroczystość

Właściwość Transparency ustawia przejrzystość kształtu niezależnie od rodzica obiektu BackgroundTransparency lub TextTransparency. To pozwala na renderowanie tekstu i linii, które są "puste" (składają się tylko z konturów).

TextLabel.TextTransparency = 0 / UIStroke.Transparency = 0.5
TextLabel.TextTransparency = 1 / UIStroke.Transparency = 0

Styl kątowy

Właściwość LineJoinMode pozwala na kontrolowanie tego, jak kąty są interpretowane. Przyjmuje wartość Round , Bevel lub 1>Miter1>.

UIStroke.LineJoinMode = Round
UIStroke.LineJoinMode = Bevel
UIStroke.LineJoinMode = Miter

Kąty

Instancja UICorner stosuje deformację do wszystkich czterech kątów swojego rodzica GuiObject. Możesz kontrolować promień zastosowany poprzez właściwość CornerRadius używając 1>Datatype.UDim.Scale|Scale

Scale runduje kąty do procenta w oparciu o całkowitą długość najkrótszego krawędzi rodzica, co oznacza, że skala o wielkości 0>

Datatype.UDim.Scale|Scale = 0.25 · Datatype.UDim.Offset|Offset =
2> 02> > >

Datatype.UDim.Scale|Scale = 0.5 · Datatype.UDim.Offset|Offset =
2> 02> > >

Datatype.UDim.Scale|Scale = 0 · Datatype.UDim.Offset|Offset = 2> 322> · ·

E

Datatype.UDim.Scale|Scale = 0 · Datatype.UDim.Offset|Offset = 2> 642> · ·

/
/ /

Poduszki

Obiekt UIPadding stosuje się do wierzchu, dołu, lewej i/lub prawego pakowania treści GuiObject .

Na przykład możesz przesunąć tekst w górę lub w dół poprzez zastosowanie odchylenia do dołu przycisku.