Android Compose Text

📝 Jetpack Compose Text 기본 사용법

이번 포스팅에서는 Text 컴포저블을 사용하여 텍스트 스타일을 설정하는 방법을 단계별로 소개해드릴게요 😊

1. 색상 지정하기

color 속성으로 텍스트의 색상을 지정할 수 있어요.

Text(color = Color.Red, text = "Hello")

위 코드는 텍스트 색상을 빨간색으로 지정한 예입니다.

2. 해시값으로 색상 지정

ARGB 형식의 16진수 해시값으로 색상을 직접 입력할 수도 있어요.

Text(color = Color(0xfff999bb), text = "Hello")

• ff: 알파(투명도)
• f999bb: RGB 값

3. 글자 크기 조정

fontSize 속성으로 텍스트 크기를 설정해요.

Text(text = "Hello", fontSize = 30.sp)

4. 텍스트 두께

fontWeight로 글자의 굵기를 조정할 수 있어요.

Text(text = "Hello", fontWeight = FontWeight.Bold)

5. 폰트 변경

fontFamily 속성으로 다양한 폰트를 적용해보세요.

Text(text = "Hello", fontFamily = FontFamily.Cursive)

↔ 6. 문자 간격

letterSpacing은 글자 사이의 간격을 조정합니다.

Text(text = "Hello", letterSpacing = 2.sp)

7. 최대 줄 수 제한

maxLines를 이용해 텍스트가 몇 줄까지 표시될지 제한할 수 있어요.

Text(text = "Hello\nHello\nHello", maxLines = 2)

8. 텍스트 장식

밑줄

Text(text = "Hello", textDecoration = TextDecoration.Underline)

취소선

Text(text = "Hello", textDecoration = TextDecoration.LineThrough)

밑줄 + 취소선

Text(
  text = "Hello",
  textDecoration = TextDecoration.combine(
    listOf(TextDecoration.Underline, TextDecoration.LineThrough)
  )
)

장식 없음

Text(text = "Hello", textDecoration = TextDecoration.None)

9. 텍스트 정렬

textAlign 속성으로 텍스트의 정렬 방식을 설정할 수 있어요.

Text(modifier = Modifier.size(300.dp), text = "Hello", textAlign = TextAlign.Center)

• width: 가로 크기
• height: 세로 크기

✨ 추가 팁

• fontFamily를 커스터마이징하면 개성 있는 스타일도 가능해요!
• 외부 라이브러리를 통해 다양한 글꼴을 추가해보세요.