https://www.youtube.com/watch?v=S_Vd-EqT9rI

TextMeshPro 컴포넌트

• TextMeshPro

  • 텍스트 렌더링 파이프라인으로 SDF(Singed Distance Field)를 사용
  • 포인트 크기나 해상도가 변해도 텍스트를 깨짐없이 깨끗하게 렌더링 가능
  • 최적화가 잘 되어 있음
  • 로컬라이징이 필요한 경우 언어별로 SDF를 생성해 지정할 수 있음
  • 기존 Text로 하기 어려운 커스터마이징이나 다양한 텍스트 효과를 사용할 수 있음

• 화면에 텍스트를 표시하는 UI 컴포넌트

• UI 메뉴

  

• “Button”, “Dropdown”, “InputField”와 같이 화면에 텍스트를 표시하는 모든 UI가 ”TextMeshPro-Text” 컴포넌트가 포함된 게임오브젝트를 가지고 있다.

  

• “Text” 컴포넌트는 Legacy로 곧 사용이 중지될 예정으로 텍스트를 포함하는 다른 UI도 “TextMeshPro~”가 붙은 것을 대체하여 사용한다.

• 최초에 생성할 때는 “TextMeshPro” 에셋을 import하기 때문에 아래 그림과 같이 TMP Importer View가 활성화된다.

  

• 구성 컴포넌트

[Text Input]

Text Input Box : 화면에 출력될 텍스트를 타이핑하는 공간

여러 줄을 입력할 때 Enter로 줄 바꿈 가능

서식 있는 텍스트(Rich Text) 적용 가능

Text Style : 텍스트의 크기, 색상 등이 적용된 텍스트 스타일

[Main Settings]

Font Asset : 텍스트 렌더링에 사용되는 폰트 에셋 (폰트 에셋에 설정된 글자만 정상 출력된다.)

Material Preset : 텍스트에 적용되는 메터리얼(세이더) 외곽선과 같은 추가 효과 적용

Font Style : 텍스트에 굵게, 기울이기 등의 효과 적용

Font Size : 텍스트 크기

Auto Size : RectTransform과 텍스트 길이를 고려해 동적으로 폰트 크기 변화

Vertex Color : 폰트 색상

Color Gradient : 생상 그라데이션 설정

Spacing Options : 문자, 문장, 줄 간격 등 조절

Alignment : 텍스트 정렬

[Extra Settings]

Margins : 외곽 영역 간격 조절

Rich Text : 서식 있는 텍스트 사용 여부

Raycast Target : 상호작용 여부

Sprite Asset : 특정 텍스트 명령을 입력하면 텍스트 대신 이미지 출력

Style Sheet Asset : 여러 스타일을 미리 지정해서 등록해두고, 서식 있는 텍스트처럼 <style=”TEST”> [텍스트 내용]</style>과 같이 사용 가능

• 서식 있는 텍스트(Rich Text) 지원

TextMeshPro 프로그래밍

1. Using TMPro; 추가
2. TextMeshProUGUI 클래스 사용