Jetpack Compose Glimmer의 텍스트

적용 가능한 XR 기기

이 가이드에서는 이러한 유형의 XR 기기를 위한 환경을 빌드하는 방법을 설명합니다.

XR 기기 유형 알아보기 →

XR 기기 유형 알아보기 →

Jetpack Compose Glimmer에서 Text 구성요소를 사용하면 색상, 글꼴 크기, 글꼴 스타일, 글꼴 굵기, 글꼴 모음, 글자 간격, 텍스트 정렬과 같은 다양한 텍스트 속성을 설정할 수 있습니다.

Jetpack Compose Glimmer 텍스트는 색상 일치를 지능적으로 관리하므로 고유합니다. 예를 들어 색상 재정의가 지정되지 않은 경우 텍스트는 기본적으로 가장 가까운 표면에 제공된 콘텐츠 색상으로 설정됩니다.

예: 상자에 텍스트 제목 만들기

@Composable
fun TextSample() {
      Text(
      text = "This is a sample heading",
      style = GlimmerTheme.typography.titleLarge )
}

코드의 주요 사항

• 색상이 지정되지 않았으므로 이 텍스트는 가장 가까운 표시 경로를 보고 가장 읽기 쉬운 색상 (일반적으로 흰색)을 선택합니다.

크기 조정

Jetpack Compose Glimmer의 서체 크기는 표준 모바일 Material Design보다 훨씬 큽니다. TitleLarge 및 BodyLarge와 같은 스타일은 모두 30.sp이고 캡션은 18.sp입니다.

Google Sans Flex 사용

Google Sans Flex는 Jetpack Compose Glimmer의 일부로 제공되는 AI 안경용으로 특별히 선택된 가변 글꼴입니다. 글꼴의 둥근 모서리와 조정 가능한 축을 사용하면 최적의 광학 크기 조정이 가능하여 텍스트를 한눈에 알아볼 수 있고 읽기 쉽게 유지할 수 있습니다. 가능하다면 앱과 시스템 간의 사용자 일관성을 개선하기 위해 디스플레이 글라스에 표시되는 모든 텍스트에 Google Sans Flex를 사용하세요.

Google Sans Flex를 사용하려면 앱의 종속 항목에 glimmer-google-fonts 라이브러리를 추가한 후 글꼴을 GlimmerTheme에 전역으로 적용합니다.

@Composable
fun GoogleSansFlexTypographySample() {
    val typography = createGoogleSansFlexTypography()
    GlimmerTheme(typography = typography) {
        Text("Hello World", style = GlimmerTheme.typography.titleLarge)
    }
}
GoogleSansFlexTypographySamples.kt