UI formatowanie tekstu wykorzystuje proste znaczniki do stylizacji sekcji ciągu w pogrubieniu, kursywie, podkreśleniu, kolorze wypełnienia, wariacjach konturu i nie tylko. Możesz stosować znaczniki stylizacji do obiektów TextLabel, TextButton i TextBox.
Włącz formatowanie tekstu
Musisz włączyć formatowanie tekstu na poziomie każdego obiektu poprzez jego właściwość 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 = true
title.Text = "Użyj <b>pogrubionego tytułu</b>"Podczas edytowania właściwości Text obiektu w Studio, przełączanie checkboxa RichText w oknie Właściwości wyświetla ciąg tekstowy jako ostateczny render. Jest to przydatne do identyfikacji i poprawiania błędów w jakichkolwiek obsługiwanych znacznikach.
Lokalizowanie gry w celu wsparcia innych języków usuwa znaczniki formatowania tekstu. Aby zapewnić, że formatowanie pojawi się w innych językach, ponownie zastosuj znaczniki ręcznie do swoich zlokalizowanych ciągów.
Obsługiwane znaczniki
Znaczniki formatowania tekstu są podobne do znaczników XML/HTML i musisz zawrzeć zarówno znacznik otwierający, jak i zamykający wokół sformatowanego tekstu.
<b>Tekst sformatowany</b>
Możesz również zagnieżdżać znaczniki w sobie, o ile zamkniesz je w odwrotnej kolejności, w jakiej je otworzyłeś.
<b><i><u>Tekst sformatowany</u></i></b>
Kolor czcionki
<font color=""> </font>
Chcę <font color="#FF7800">pomarańczowego</font> cukierka.
Chcę <font color="rgb(255,125,0)">pomarańczowego</font> cukierka.
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>
Nazwy krojów czcionek/rodzin są wymienione na stronie referencyjnej Font enum.
Rodzina czcionki
<font family=""> </font>
<font family="rbxasset://fonts/families/Michroma.json">To jest krój Michroma.</font>
Nazwy krojów czcionek/rodzin są wymienione na stronie referencyjnej Font enum.
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>
Waga czcionki może być nazwą ciągu, która nie jest wrażliwa na wielkość liter, w tym Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold lub Heavy; może to być również liczba w krokach po 100 między 100 a 900.
Przezroczystość czcionki
<font transparency=""> </font>
Tekst przy <font transparency="0.5">50% przezroczystości</font>.
Kontur
<stroke> </stroke>
| Parametr | Odpowiednia 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>.
Zobacz modyfikatory wyglądu UI dla szczegółów dotyczących parametrów znacznika <stroke>, takich jak thickness i joins.
Pogrubienie
<b> </b>
Tekst w <b>pogrubieniu</b>.
Kursywa
<i> </i>
Tekst <i>kursywą</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> sprawiają, że słowa brzmią głośno!
<uc>Wielkie litery</uc> sprawiają, że słowa brzmią głośno!
Małe litery
<smallcaps> </smallcaps>
<sc> </sc>
Nazywam się <smallcaps>Diva Dragonslayer</smallcaps>.
Nazywam się <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 ucieczki
Jeśli chcesz renderować niektóre znaki, takie jak < lub >, i wyłączyć je z rozważania jako część znaczników formatowania tekstu, możesz je napisać w ich formie ucieczki.
| Znak | Ucieczka | Przykład | Wynik |
|---|---|---|---|
| < | < | 10 < 100 | 10 < 100 |
| > | > | 100 > 10 | 100 > 10 |
| " | " | Spotkaj się z "Diva Dragonslayer" | Spotkaj się z "Diva Dragonslayer" |
| ' | ' | Zwierzęciem Diva' jest sokół! | Zwierzęciem Diva jest sokół! |
| & | & | Renderuj inną formę ucieczki <b>&lt;</b> przez ucieczkę ampersanda | Renderuj inną formę ucieczki < przez ucieczkę ampersanda |