유니티 TextMeshPro-Text (UI) - Text Input을 이용해서 Text Control하기

TextMeshPro-Text (UI) 컴포넌트는 Text Input에 태그를 이용해서 Text를 꾸밀 수 있다는 것을 알고 계시나요?

이번 포스팅에서는 TextMeshPro-Text (UI)에 사용할 수 있는 태그 몇 가지와 사용 방법에 대해서 말해보겠습니다.

(예시) TextMeshPro-Text (UI) - Text Input을 이용해서 Text 꾸미기

 


텍스트 스타일 관련 태그

태그 설명 사용 예시
<b></b> 텍스트를 굵게 표시 <b>Bold Text</b>
<i></i> 텍스트를 기울임체로 표시 <i>Italic Text</i>
<u></u> 텍스트에 밑줄을 그림 <u>Underlined Text</u>

텍스트 색상 및 크기 관련 태그

태그 설명 사용 예시
<color=#FFFFFF></color> 텍스트 색상을 지정 (HEX 코드 사용 가능) <color=#FF0000>Red Text</color>
<size=></size> 텍스트 크기를 지정 <size=50>Large Text</size>
<mark=#FFFF00></mark> 텍스트에 하이라이트(배경색)을 지정 <mark=#FFFF00>Highlighted Text</mark>

 

다음은 이쁜 색상 (계열)을 가져와봤습니다.

색상 이름 HEX  코드예시
빨강 Crimson Red #DC143C <color=#DC143C>Crimson Red</color>
주황 Coral Orange #FF7F50 <color=#FF7F50>Coral Orange</color>
노랑 Golden Yellow #FFD700 <color=#FFD700>Golden Yellow</color>
초록 Lime Green #32CD32 <color=#32CD32>Lime Green</color>
파랑 Dodger Blue #1E90FF <color=#1E90FF>Dodger Blue</color>
남색 Midnight Blue #191970 <color=#191970>Midnight Blue</color>
보라 Medium Purple #9370DB <color=#9370DB>Medium Purple</color>

텍스트 정렬 및 효과 관련 태그

태그 설명 사용 예시
<align=></align> 텍스트 정렬을 지정(left, right, center, justify) <align=center>Centered Text</align>
<s></s> 텍스트에 취소선을 그림 <s>Strikethrough Text</s>