UI 리치 텍스트는 문자열의 섹션을 굵게, 기울임, 밑줄, 채우기 색상, 스트로크 변형 등으로 스타일링하기 위한 간단한 마크업 태그를 사용합니다. TextLabel, TextButton, 및 TextBox 객체에 스타일링 태그를 적용할 수 있습니다.
리치 텍스트 활성화
각 객체의 RichText 속성을 속성 창에서 활성화하거나 LocalScript에서 속성을 true로 설정하여 리치 텍스트를 활성화해야 합니다.
local title = Instance.new("TextLabel")
title.RichText = true
title.Text = "Use a <b>bold title</b>"게임을 다른 언어로 로컬라이징하면 리치 텍스트 포맷팅 태그가 제거됩니다. 다른 언어에서 포맷팅이 나타나도록 하려면 로컬라이즈된 문자열에 태그를 수동으로 다시 적용해야 합니다.
지원되는 태그
리치 텍스트 태그는 XML/HTML 태그와 유사하며, 포맷된 텍스트 주위에 여는 태그와 닫는 태그를 모두 포함해야 합니다.
<b>포맷된 텍스트</b>
태그는 서로 중첩할 수 있으며, 여는 순서의 반대 순서로 닫아야 합니다.
<b><i><u>포맷된 텍스트</u></i></b>
글꼴 색상
<font color=""> </font>
나는 <font color="#FF7800">주황색</font> 사탕을 원해.
나는 <font color="rgb(255,125,0)">주황색</font> 사탕을 원해.
글꼴 크기
<font size=""> </font>
<font size="40">이것은 큽니다.</font> <font size="20">이것은 작습니다.</font>
글꼴 종류
<font face=""> </font>
<font face="Michroma">이것은 Michroma 글꼴입니다.</font>
글꼴 종류/가족 이름은 Font 열거형 참조 페이지에 나열되어 있습니다.
글꼴 가족
<font family=""> </font>
<font family="rbxasset://fonts/families/Michroma.json">이것은 Michroma 글꼴입니다.</font>
글꼴 종류/가족 이름은 Font 열거형 참조 페이지에 나열되어 있습니다.
글꼴 두께
<font weight=""> </font>
이것은 일반입니다. <font weight="heavy">이것은 두껍습니다.</font>
이것은 일반입니다. <font weight="900">이것은 두껍습니다.</font>
글꼴 두께는 Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, 또는 Heavy를 포함하는 대소문자를 구분하지 않는 문자열 이름일 수 있으며, 100과 900 사이의 100의 배수로 된 숫자일 수도 있습니다.
글꼴 투명도
<font transparency=""> </font>
<font transparency="0.5">50% 투명도</font>의 텍스트.
스트로크
<stroke> </stroke>
| 매개변수 | 동등한 속성 | 예제 값 |
|---|---|---|
| color | UIStroke.Color | "rgb(255,125,0)", "#FF7800" |
| thickness 또는 th | UIStroke.Thickness | "1", "4", "0.5" |
| transparency 또는 tr | UIStroke.Transparency | "0", "0.5", "1" |
| joins | UIStroke.LineJoinMode | "round", "bevel", "miter" |
| sizing | UIStroke.StrokeSizingMode | "fixed", "scaled" |
당신은 <stroke color="#00A2FF" thickness="2" transparency="0.25" joins="miter">25개의 보석</stroke>을 얻었습니다.
<stroke> 태그 매개변수에 대한 자세한 내용은 UI 모양 수정자를 참조하십시오.
굵게
<b> </b>
<b>굵은</b> 텍스트.
기울임
<i> </i>
<i>기울임</i> 텍스트.
밑줄
<u> </u>
<u>밑줄</u> 텍스트.
취소선
<s> </s>
<s>취소선</s>이 적용된 텍스트.
줄 바꿈
<br/>
이 문장 뒤에 새 줄이 발생합니다.<br/>다음 문장...
대문자
<uppercase> </uppercase>
<uc> </uc>
<uppercase>대문자</uppercase>는 단어를 크게 읽게 만듭니다!
<uc>대문자</uc>는 단어를 크게 읽게 만듭니다!
소문자 대문자
<smallcaps> </smallcaps>
<sc> </sc>
내 이름은 <smallcaps>Diva Dragonslayer</smallcaps>입니다.
내 이름은 <sc>Diva Dragonslayer</sc>입니다.
강조
<mark> </mark>
텍스트 <mark color="#009966" transparency="0">강조 표시됨</mark>.
주석
<!-- -->
이후는 주석입니다...<!--이것은 최종 텍스트에 나타나지 않습니다--> 그리고 이제 더 많은 텍스트...
이스케이프 형태
< 또는 >와 같은 특정 문자를 렌더링하고 리치 텍스트 태그의 일부로 간주되지 않도록 하려면 이스케이프 형태로 작성할 수 있습니다.
| 문자 | 이스케이프 | 예제 | 결과 |
|---|---|---|---|
| < | < | 10 < 100 | 10 < 100 |
| > | > | 100 > 10 | 100 > 10 |
| " | " | Meet "Diva Dragonslayer" | Meet "Diva Dragonslayer" |
| ' | ' | Diva's pet is a falcon! | Diva's pet is a falcon! |
| & | & | Render another escape form <b>&lt;</b> by escaping an ampersand | Render another escape form < by escaping an ampersand |