UI 풍부한 텍스트는 문자열의 섹션을 볼드, 이탤릭, 밑줄, 배경색, 스트로크 변형 등으로 스타일링하기 위해 간단한 마크업 태그를 사용합니다. TextLabel, TextButton, 및 TextBox 객체에 스타일링 태그를 적용할 수 있습니다.
풍부한 텍스트 사용 설정
Properties 창에서 해당 객체의 RichText 속성을 통해 개별 객체에 대해 풍부한 텍스트를 활성화해야 하며, 또는 LocalScript에서 해당 속성을 true로 설정할 수 있습니다.
Studio에서 객체의 Text 속성을 편집할 때, Properties 창에서 RichText 체크박스를 전환하면 텍스트 문자열이 최종 렌더링으로 표시됩니다. 이는 지원되는 태그에서 실수를 식별하고 수정하는 데 유용합니다.
현지화된 경험은 풍부한 텍스트 서식 태그를 제거합니다. 다른 언어에서 서식이 표시되도록 하려면 현지화된 문자열에 태그를 수동으로 다시 적용해야 합니다.
지원하는 태그
풍부한 텍스트 태그는 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 모양 수정자에서 참조하십시오. 매개변수에는 thickness와 joins이 포함됩니다.
볼드
<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 |