Jetpack Compose Glimmer 中的文字

適用的 XR 裝置

這份指南可協助您為這類 XR 裝置打造體驗。

瞭解 XR 裝置類型 →

瞭解 XR 裝置類型 →

在 Jetpack Compose Glimmer 中，您可以使用 Text 元件設定各種文字屬性，例如顏色、字型大小、字型樣式、字體粗細、字型系列、字母間距和文字對齊方式。

Jetpack Compose Glimmer Text 的獨到之處在於可智慧管理顏色比對。舉例來說，如果未指定顏色覆寫，文字預設會採用最接近的表面提供的內容顏色。

範例：在方塊中建立文字標題

@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 是專為 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)
    }
}
GoogleSansFlexTypographySamples.kt