USS를 사용하여 전체 텍스트 문자열의 스타일을 지정할 수 있습니다. 그러나 텍스트 문자열의 단어 하나만 스타일을 지정하려면 어떻게 해야 합니까? USS에서는 복잡하지만, 리치 텍스트 태그에서는 간단합니다.
리치 텍스트 태그는 텍스트 문자열 안에 배치하여 태그 사이의 텍스트를 스타일링할 수 있는 태그입니다.
지원되는 모든 태그는 지원되는 태그를 참조하십시오.
참고: 현재 릴리스에서 리치 텍스트 태그는 TextField에 대해 지원되지 않습니다.
리치 텍스트 태그는 HTML 또는 XML 태그와 유사하지만 구문이 덜 엄격합니다.
단순 태그는 이름만 있고 추가 값이나 속성이 없을 수 있습니다. 예를 들어, <b> 태그는 텍스트를 굵게 만듭니다.
일부 태그에는 다음과 같은 추가 값 또는 속성이 있습니다.
<tag="value"><tag attribute="value">예시:
<color=”red”>: 텍스트를 빨간색으로 만듭니다.<sprite index=3>: 기본 스프라이트 에셋으로부터 네 번째 스프라이트를 삽입합니다.참고: UXML 파일에서 다음 문자에 대해 HTML 코드를 사용해야 합니다.
<: (<)
>: (>)
": (")
다음 표에는 사용 가능한 속성 값 유형과 예시 값이 나와 있습니다.
| 값 유형 | 예시 값 |
|---|---|
| 소수점 | 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> 태그에는 범위를 단 한 단어로 제한하는 닫기 태그가 있습니다.
태그를 중첩할 때는 태그를 시작한 순서대로 범위를 닫지 않아도 됩니다.
리치 텍스트 태그는 기본적으로 활성화되어 있습니다.
리치 텍스트 태그를 비활성화하려면 다음 중 하나를 수행하십시오.
enable-rich-text 속성을 false로 설정합니다.