UI formatowanie tekstu wykorzystuje proste znaczniki do stylizacji sekcji ciągu w pogrubieniu, kursywie, podkreśleniu, kolorze tła, wariantach obramowania i nie tylko. Możesz stosować znaczniki stylizacji do obiektów TextLabel, TextButton i TextBox.
Włącz formatowanie tekstu
Musisz włączyć formatowanie tekstu dla każdego obiektu z osobna, korzystając z jego właściwości RichText w oknie Właściwości, lub ustawiając tę właściwość na true w LocalScript.

local title = Instance.new("TextLabel")title.RichText = truetitle.Text = "Użyj <b>pogrubionego tytułu</b>"
Obsługiwane znaczniki
Znaczniki formatujące tekst są podobne do znaczników XML/HTML i musisz uwzględnić zarówno znacznik otwierający, jak i zamykający wokół formatowanego tekstu.
<b>Formatowany tekst</b>
Możesz również zagnieżdżać znaczniki w sobie nawzajem, o ile zamkniesz je w odwrotnej kolejności, w jakiej je otworzyłeś.
<b><i><u>Formatowany tekst</u></i></b>
Kolor czcionki
<font color=""> </font>
Chcę <font color="#FF7800">pomarańczową</font> cukierkę.
Chcę <font color="rgb(255,125,0)">pomarańczową</font> cukierkę.

Rozmiar czcionki
<font size=""> </font>
<font size="40">To jest duże.</font> <font size="20">To jest małe.</font>

Krój czcionki
<font face=""> </font>
<font face="Michroma">To jest krój Michroma.</font>

Rodzina czcionek
<font family=""> </font>
<font family="rbxasset://fonts/families/Michroma.json">To jest krój Michroma.</font>

Waga czcionki
<font weight=""> </font>
To jest normalne. <font weight="heavy">To jest ciężkie.</font>
To jest normalne. <font weight="900">To jest ciężkie.</font>

Przezroczystość czcionki
<font transparency=""> </font>
Tekst o <font transparency="0.5">50% przezroczystości</font>.

Obramowanie
<stroke> </stroke>
| Parametr | Równoważna właściwość | Przykładowe wartości |
|---|---|---|
| color | UIStroke.Color | "rgb(255,125,0)", "#FF7800" |
| thickness lub th | UIStroke.Thickness | "1", "4", "0.5" |
| transparency lub tr | UIStroke.Transparency | "0", "0.5", "1" |
| joins | UIStroke.LineJoinMode | "round", "bevel", "miter" |
| sizing | UIStroke.StrokeSizingMode | "fixed", "scaled" |
Wygrałeś <stroke color="#00A2FF" thickness="2" transparency="0.25" joins="miter">25 klejnotów</stroke>.

Pogrubienie
<b> </b>
Tekst w <b>pogrubieniu</b>.

Kursywa
<i> </i>
Tekst <i>w kursywie</i>.

Podkreślenie
<u> </u>
Tekst <u>podkreślony</u>.

Przekreślenie
<s> </s>
Tekst z zastosowanym <s>przekreśleniem</s>.

Złamanie linii
<br/>
Nowa linia występuje po tym zdaniu.<br/>Następne zdanie...

Wielkie litery
<uppercase> </uppercase>
<uc> </uc>
<uppercase>Wielkie litery</uppercase> powodują, że słowa brzmią głośno!
<uc>Wielkie litery</uc> powodują, że słowa brzmią głośno!

Małe litery
<smallcaps> </smallcaps>
<sc> </sc>
Moje imię to <smallcaps>Diva Dragonslayer</smallcaps>.
Moje imię to <sc>Diva Dragonslayer</sc>.

Zaznaczenie
<mark> </mark>
Tekst <mark color="#009966" transparency="0">podświetlony</mark>.

Komentarz
<!-- -->
Po tym jest komentarz...<!--To nie pojawia się w ostatecznym tekście--> a teraz więcej tekstu...

Formy eskapady
Jeśli chcesz renderować niektóre znaki, takie jak < lub >, i wykluczyć je z rozpatrywania jako część znaczników formatujących tekst, możesz zapisać je w ich formie eskapady.
| Znak | Eskapada | Przykład | Wynik |
|---|---|---|---|
| < | < | 10 < 100 | 10 < 100 |
| > | > | 100 > 10 | 100 > 10 |
| " | " | Spotkaj się z "Divą Dragonslayer" | Spotkaj się z "Divą Dragonslayer" |
| ' | ' | Zwierzę Domowe Divy to sokół! | Zwierzę Domowe Divy to sokół! |
| & | & | Renderuj inną formę eskapady <b>&lt;</b> poprzez eskapowanie ampersanda | Renderuj inną formę eskapady < poprzez eskapowanie ampersanda |