Jetpack Compose 에서 자간 줄이는 방법 # letterSpacing

오늘은 Jetpack Compose 에서 자간을 줄이는 방법을 정리해 보도록 하겠습니다.

 

1. 자간 조절하기

Jetpack Compose 에서는 자간을 줄이기 위해서, 

letterSpacing 값을 수정해 주어야 하는데요.

이때 사용하는 타입이 TextUnit 입니다.

 

 

이 TextUnit 은 아래와 같이, sp나 em 단위를 사용하여 생성할 수 있습니다.

저희가 fontSize를 지정할 때 쓰는 단위와 같이 사용하시면 된다는 것이지요.

 

 

2. 자간 줄이기

이제 자간을 줄여보도록 하겠습니다.

여기서는 -1.sp 만큼의 자간을 줄여서 글자간격이 서로 달라붙도록 할 텐데요.

참고로 마이너스 값을 사용하기 위해서 앞뒤에 괄호를 붙여서 사용하였습니다.

 

 

 

자 이제 실행해 보겠습니다.

아래와 같이 자간이 잘 붙은 것을 볼 수 있습니다.

 

 

Text() API는 여러 가지 방법을 제공하므로,

아래와 같이 TextStyle로 자간을 줄이는 설정을 해 주어도 됩니다.

 

Text(
    "테스트",
    style = TextStyle(letterSpacing = (-0.8).sp)
)