[Unity Manual] Rich Text 알아보기

원문 링크

https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/StyledText.html

Rich Text | Unity UI | 1.0.0

본문은 위의 링크 내용을 학습 및 영어 공부를 하기 위해 작성된 글입니다.

내용의 순서는 무작정 해석 -> 해석 후에도 모르겠거나 알게된 내용 설명 -> 기타의 순으로 진행됩니다.

해석 도중에 * 표시는 저의 궁금증을 표기하기 위해 남겨둔 것입니다.

이외 기타 궁금한 사항, 틀린 내용 그리고 잡다한 내용까지 언제든 댓글을 통해 남겨주세요.

 

Rich Text

UI 요소와 텍스트 매쉬의 텍스트는 다양한 폰트 스타일과 크기를 포함시킬 수 있다.

Rich text는 UI 시스템과 예전 GUI 시스템 둘다 지원된다.

Text, GUIStyle, GUIText 그리고 TextMesh 클래스들은 텍스트안에 markup tag를 찾도록 지시하는 Rich Text 설정을 가지고 있다.

Debug.Log 함수는 또한 이러한 markup 태그를 사용할 수 있다. 코드로부터 에러 보고를 강화하기 위해서,

태그들은 보여지지않는다. 하지만 지시한 스타일은 텍스트에 적용되서 변화한다.

 

Markup format

markup 시스템은 HTML에 영향을 받았다. 하지만 표준 HTML에 강력하게 호환되도록 의도된 것은 아니다.

기본 아이디어는 텍스트의 부분이 매칭되는 태그의 짝 내부에 감싸져있을 수 있다.

 

We are  <b>not</b> amused.

 

예가 보여주는 것처럼, 태그들은 오로지 < 와 >, "angle bracket" 글자 내부의 글자의 조각이다.

섹션이 시작할 때 여는 태그를 놓는다. 태그 안에 텍스트가 그것의 이름을 의미한다. ( 이 예시에선 단지 b )

 

섹션이 끝날 때 다른 태그를 놓는다. 이것은 닫는 태그이다. 여는 태그처럼 같은 이름을 갖는다. 하지만 그 이름 앞에는 / 글자가 붙는다.

모든 열린 태그는 반드시 해당하는 닫힌 태그를 갖고있어야한다.

너가 여는 태그를 닫지 않았다면, 그것은 일반적인 텍스트로 나타날 것이다.

 

태그는 유저들에게 직접적으로 보여지지 않는다. 하지만 그들이 감싼 스타일링된 텍스트가 instruction으로써 보여질 것이다.

b 태그는 "not" 글자의 굵기 적용된 아래의 예제에서 사용된다. 그래서 텍스트는 화면에서 나타난다.

We are not amused

텍스트의 markup 섹션 ( 그것을 감싼 태그가 포함된) 은 element 처럼 참조된다.

 

Nested elements

한 요소를 다른 요소 안에 "중첩함" 으로써 텍스트 섹션에 한 가지 이상의 스타일을 적용하는 것이 가능하다.

we are <b><i>definitely not </i></b> amused

i 태그는 이탤릭 스타일을 적용한다. 그래서 이것은 스크린에 보여질 수 있다.

We are definitely not amused

 

닫힌 태그의 순서를 적어라. 그리고 그것은 열린 태그의 것과 반대이다.

이러한 이유는 더 명확해질 수 있다. 내부 태그가 가장 바깥쪽 요소의 전체 텍스트에 걸쳐 있을 필요가 없다는 점을 고려할 때,

 

Tag parameters

몇몇 태그는 간단한 전체 혹은 아무것도 아닌 효과를 가진다. 텍스트에서, 하지만 다른 것들을 다양함을 허용할 수 있다.

예를 들면 color 태그는 적용할 색을 아는 것을 필요로 한다.

이처럼 정보는 태그에 매개변수의 사용으로 추가된다.

we are <color=green>green</color> with envy

 

닫는 태그는 매개변수 값을 포함하지 않는 것을 알아둬라. 추가적으로 값은 따옴표에 의해 감쌀 수 있다. 하지만 이것은 필요하지 않다.