[Android Compose] Text

Android Jetpack Compose에 대해 공부하면서, 공부한 내용들을 나중에 바로바로 찾아보기 위해 정리를 해보려고 한다.

 

먼저 Text에 대해 알아보면, Text에 커서를 올려보면 다음과 같은 옵션들이 있는 것을 알 수 있다.

 

Compose Text의 속성들

1. color : 텍스트의 색상을 설정
2. fontSize : 텍스트 폰트 크기 설정
3. fontStyle : 텍스트 폰트 스타일 설정
4. fontWeight : 텍스트 폰트의 굵기 설정
5. fontFamily : 폰트 종류 설정
6. letterSpacing : 텍스트의 글자 간의 간격을 조절
7. textDecoration : 텍스트에 밑줄 등의 옵션을 설정
8. textAlign : 텍스트 정렬
9. lineHeight : 줄간격 설정
10. overflow : overflow가 일어날때 어떻게 처리할지 설정
11. softWrap : 텍스트가 영역을 넘어갔을 때 자동으로 줄을 바꿀것인지
12. maxLines : 최대 몇줄까지 나오게 할지 설정
13. onTextLayout : 텍스트의 크기가 달라졌을 때 callback 
14. style : 텍스트 스타일 지정

 

Color

텍스트의 색상을 변경하기 위해서 color 속성을 이용한다.

아래(첫번째 사진)와 같이 텍스트를 지정하고 color 속성에 미리 정해진 색상들을 입력할 수도 있고

두번째 사진과 같이 직접 값을 주입해서 사용할 수도 있지만 두번째 방법은 메모리 관리 측면에서 효율적이지 못하기 때문에 첫번째 방법으로 사용하는 것을 추천한다.

 

color 속성의 색상들

color에 직접 값을 설정

 

Font

폰트 관련된 속성은 fontSize, fontStyle, fontWeight, fontFamily 가 있다.

각각의 속성을 확인해서 사용하면 된다.

폰트 굵기 속성

폰트 스타일

폰트 종류 설정

 

letterSpacing, lineHeight

letterSpacing은 글자간의 간격을 조절하고, lineHeight은 줄간의 간격을 조절한다.

 

글자간의 간격을 5sp로 설정

sp값이 커질 수록 간격은 더 벌어지게 된다.

 

기본 글자 크기가 12sp 이기 때문에 값을 12sp 이상 주게 되면 줄간격은 벌어지게 되지만,

 

12sp보다 적게 주게 되면 글자가 겹쳐보이게 된다.

 

 

 

textDecoration

textDecoration은 Underline(밑줄)과 LineThrough(가운데 가로줄)이 있다. 

 

Underline

LineThrough

 

 

overflow

overflow는 글자가 영역을 벗어나게 될 때 어떻게 보이게 할지 정하는 옵션이다.