UI rijke tekst maakt gebruik van eenvoudige opmaak-tags om secties van een string in vet, cursief, onderstreept, met vulkleur, variaties in omtrek en meer te stylen. Je kunt opmaak-tags toepassen op TextLabel, TextButton en TextBox objecten.
Rijke tekst inschakelen
Je moet rijke tekst inschakelen op objectbasis via de RichText eigenschap in het Eigenschappen venster, of door de eigenschap in te stellen op true in een LocalScript.
local title = Instance.new("TextLabel")
title.RichText = true
title.Text = "Gebruik een <b>vetgedrukte titel</b>"Wanneer je de Text eigenschap van een object in Studio bewerkt, toont het in- en uitschakelen van het RichText selectievakje in het Eigenschappen venster de tekststring als een definitieve weergave. Dit is nuttig om fouten in eventuele ondersteunde tags te identificeren en te corrigeren.
Lokaliseren van een spel om andere talen te ondersteunen verwijdert opmaak-tags voor rijke tekst. Om ervoor te zorgen dat de opmaak in andere talen verschijnt, moet je de tags handmatig opnieuw toepassen op je gelokaliseerde strings.
Ondersteunde tags
Rijke tekst-tags zijn vergelijkbaar met XML/HTML-tags en je moet zowel een openings- als een sluitingstag rond de opgemaakte tekst opnemen.
<b>Opgemaakte tekst</b>
Je kunt ook tags in elkaar nestelen zolang je ze in de omgekeerde volgorde sluit van hoe je ze hebt geopend.
<b><i><u>Opgemaakte tekst</u></i></b>
Letterkleur
<font color=""> </font>
Ik wil de <font color="#FF7800">oranje</font> snoepjes.
Ik wil de <font color="rgb(255,125,0)">oranje</font> snoepjes.
Lettergrootte
<font size=""> </font>
<font size="40">Dit is groot.</font> <font size="20">Dit is klein.</font>
Lettertype
<font face=""> </font>
<font face="Michroma">Dit is het Michroma-lettertype.</font>
Lettertype- en familienaam zijn vermeld op de Font enum referentiepagina.
Letterfamilie
<font family=""> </font>
<font family="rbxasset://fonts/families/Michroma.json">Dit is het Michroma-lettertype.</font>
Lettertype- en familienaam zijn vermeld op de Font enum referentiepagina.
Lettergewicht
<font weight=""> </font>
Dit is normaal. <font weight="heavy">Dit is zwaar.</font>
Dit is normaal. <font weight="900">Dit is zwaar.</font>
Lettergewicht kan een niet-hoofdlettergevoelige stringnaam zijn, inclusief Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, of Heavy; het kan ook een getal zijn in factoren van 100 tussen 100 en 900.
Lettertransparantie
<font transparency=""> </font>
Tekst met <font transparency="0.5">50% transparantie</font>.
Omtrek
<stroke> </stroke>
| Parameter | Equivalent Eigenschap | Voorbeeldwaarden |
|---|---|---|
| color | UIStroke.Color | "rgb(255,125,0)", "#FF7800" |
| thickness of th | UIStroke.Thickness | "1", "4", "0.5" |
| transparency of tr | UIStroke.Transparency | "0", "0.5", "1" |
| joins | UIStroke.LineJoinMode | "round", "bevel", "miter" |
| sizing | UIStroke.StrokeSizingMode | "fixed", "scaled" |
Je hebt <stroke color="#00A2FF" thickness="2" transparency="0.25" joins="miter">25 edelstenen</stroke> gewonnen.
Zie UI-uiterlijkmodificatoren voor details over <stroke> tagparameters zoals thickness en joins.
Vet
<b> </b>
Tekst in <b>vetgedrukt</b>.
Cursief
<i> </i>
Tekst <i>cursief</i>.
Onderstreept
<u> </u>
Tekst <u>onderstreept</u>.
Doorhalen
<s> </s>
Tekst met <s>doorhaling</s> toegepast.
Regelafbreking
<br/>
Nieuwe regel komt na deze zin.<br/>Volgende zin...
Hoofdletters
<uppercase> </uppercase>
<uc> </uc>
<uppercase>Hoofdletters</uppercase> maken woorden luid!
<uc>Hoofdletters</uc> maken woorden luid!
Kleine hoofdletters
<smallcaps> </smallcaps>
<sc> </sc>
Mijn naam is <smallcaps>Diva Dragonslayer</smallcaps>.
Mijn naam is <sc>Diva Dragonslayer</sc>.
Markeren
<mark> </mark>
Tekst <mark color="#009966" transparency="0">gemarkeerd</mark>.
Opmerking
<!-- -->
Na dit is een opmerking...<!--Dit verschijnt niet in de uiteindelijke tekst--> en nu meer tekst...
Escape-vormen
Als je bepaalde tekens zoals < of > wilt weergeven en ze wilt uitsluiten van beschouwing als onderdeel van rijke tekst-tags, kun je ze in hun escape-vorm schrijven.
| Tecken | Escape | Voorbeeld | Resultaat |
|---|---|---|---|
| < | < | 10 < 100 | 10 < 100 |
| > | > | 100 > 10 | 100 > 10 |
| " | " | Ontmoet "Diva Dragonslayer" | Ontmoet "Diva Dragonslayer" |
| ' | ' | Diva's huisdier is een valk! | Diva's huisdier is een valk! |
| & | & | Render een andere escape-vorm <b>&lt;</b> door een ampersand te escapen | Render een andere escape-vorm < door een ampersand te escapen |