Jetpack Compose Glimmer 中的文本

适用的 XR 设备
本指南可帮助您为以下类型的 XR 设备打造优质体验。
了解 XR 设备类型 →
展示眼镜
了解 XR 设备类型 →

在 Jetpack Compose Glimmer 中，您可以使用 Text 组件设置各种文本属性，例如颜色、字号、字体样式、字体粗细、字体系列、字间距和文本对齐方式。

Jetpack Compose Glimmer Text 的独特之处在于，它可以智能管理颜色匹配。例如，如果未指定颜色替换，文本默认采用其所处最近界面的内容颜色。

示例：在方框中创建文字标题

@Composable
fun TextSample() {
    Text(
        text = "Hello Glimmer",
        style = GlimmerTheme.typography.titleLarge
    )
}

代码要点

  • 由于未指定颜色，此文本会查看最近的 Surface 以选择最易读的颜色（通常为白色）。

大小

Jetpack Compose Glimmer 中的排版比例明显大于标准移动 Material Design。TitleLarge 和 BodyLarge 等样式均为 30.sp，字幕为 18.sp：

样式 大小 (sp) 重量 行高

titleLarge

30

750

36.sp

titleMedium

24

750

28.sp

titleSmall

20

750

28.sp

bodyLarge

30

520

36.sp

bodyMedium

24

520

36.sp

bodySmall

20

520

28.sp

caption

18

650

24.sp

使用 Google Sans Flex

Google Sans Flex 是一种专门为 AI 眼镜选择的可变字体，作为 Jetpack Compose Glimmer 的一部分提供。该字体的圆角和可调整轴可实现理想的光学尺寸调整，确保文本清晰易读。如果可以，为了提高用户在应用和系统之间的一致性，请对带屏眼镜上显示的所有文本使用 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)
    }
}