Version: 2022.1
언어: 한국어
USS로 텍스트 스타일링
지원되는 리치 텍스트 태그

리치 텍스트 태그로 텍스트 스타일링

USS를 사용하여 전체 텍스트 문자열을 스타일링할 수 있습니다. 하지만 텍스트 문자열의 한 단어만 스타일링하려면 어떻게 해야 하나요?이것은 USS의 경우에는 어렵지만 리치 텍스트 태그의 경우에는 간단합니다.

리치 텍스트 태그는 텍스트 문자열 안에 배치하여 태그 사이의 텍스트를 스타일링할 수 있는 태그입니다.

지원되는 모든 태그는 지원되는 태그를 참조하십시오.

참고:현재 릴리스에서 리치 텍스트 태그는 TextField에 대해 지원되지 않습니다.

리치 텍스트 구문

리치 텍스트 태그는 HTML 또는 XML 태그와 유사하지만 구문이 덜 엄격합니다.

단순 태그는 이름만 있고 추가 값이나 속성이 없을 수 있습니다.예를 들어, <b> 태그는 텍스트를 굵게 만듭니다.

일부 태그에는 다음과 같은 추가 값 또는 속성이 있습니다.

  • <tag="value">
  • <tag attribute="value">

예제:

  • <color="red">:텍스트를 빨간색으로 설정
  • <sprite index=3>:기본 스프라이트 에셋으로부터 네 번째 스프라이트를 삽입합니다.

참고:UXML 파일에서 다음 문자에 대해 HTML 코드를 사용해야 합니다.

  • <:(&lt;)
  • >:(&gt;)
  • ":(&quot;)

다음 표에는 사용 가능한 속성 값 타입과 예시 값이 나와 있습니다.

값 타입 예시 값
소수점 0.5
백분율 25%
픽셀 값 5px
폰트 단위 1.5em
16진수 컬러 값 #FFFFFF (RGB)
#FFFFFFFF (RGBA)
#FF (A)
이름 <link="ID"><link=ID>이(가) 모두 유효합니다.

태그 범위 및 중첩 태그

태그에는 텍스트에 영향을 주는 정도를 정의하는 범위가 있습니다.대부분의 경우 텍스트의 특정 지점에 추가된 태그는 해당 지점 이후의 모든 텍스트에 영향을 미칩니다.

예를 들어 텍스트 시작 부분에 <color="red"> 태그를 추가하면 전체 텍스트 블록에 영향을 줍니다.<color="red">This text is red.

텍스트 블록 중간에 동일한 태그를 추가하면 태그와 블록 끝 사이의 텍스트에만 영향을 줍니다.This text turns<color="red"> red.

텍스트 블록에서 동일한 태그를 두 번 이상 사용하는 경우 마지막 태그가 동일한 유형의 이전 태그를 모두 대체합니다.<color="red">This text goes from red<color="green"> to green.

닫는 태그를 사용하여 태그의 범위를 제한하고 다른 태그 내에 중첩 태그를 사용할 수도 있습니다.<color=red>This text is <color=green>mostly </color>red

첫 번째 <color> 태그의 범위는 전체 텍스트 블록입니다.두 번째 <color> 태그에는 범위를 한 단어로 제한하는 닫는 태그가 있습니다.

태그를 중첩할 때는 태그를 시작한 순서대로 범위를 닫지 않아도 됩니다.

리치 텍스트 태그 활성화/비활성화

리치 텍스트 태그는 기본적으로 활성화되어 있습니다.

리치 텍스트 태그를 비활성화하려면 다음 중 하나를 수행하십시오.

  • UI 빌더에서 해당 컨트롤을 선택하고 인스펙터 창에서 Enable Rich Text 체크박스의 선택을 취소합니다.
  • UXML에서 enable-rich-text 속성을 false로 설정합니다.

추가 리소스

USS로 텍스트 스타일링
지원되는 리치 텍스트 태그