Używając modyfikatorów wyglądu , możesz dalej dostosować wygląd swojego GuiObjects .
- Zastosuj gradient na tle obiektu.
- Zastosuj stroik do tekstu lub granicy.
- Ustaw zakrzywione kąty dla obiektu.
- Zwiększ poduszki między granicami obiektu.
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:
W oknie Explorer, wybierz UIGradient.
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.
Kliknij punkt klawiszowy w kolejności kolorów, a następnie kliknij mały kwadrat obok Kolor aby otworzyć okienko Kolory.
Wybierz pożądany kolor dla klawiatury.
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:
W oknie Explorer, wybierz UIGradient.
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.
Kliknij i przeciągnij dowolne pole klawiszowe, lub wybierz pole klawiszowe i wpisz okreśленną kombinację czasu/wartości poprzez wходы Czas i Wartość .
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



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



Stroka
Instancja UIStroke stosuje kontur do tekstu lub linii granicznej. Key features include:
- Możliwość ustawienia przejrzystości linii rysunku niezależnie od przejrzystości rodzica.
- Trzy style kątowe (okrągły, bevel lub miter).
- Stroke gradient instancjaza pośrednictwem instancji UIGradient.
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.


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


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.


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


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


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



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 · Datatype.UDim.Offset|Offset = 2> 322> · ·

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.