Jetpack Compose Glimmer 中的文字

適用 XR 裝置
這份指南可協助您為這類 XR 裝置打造體驗。
瞭解 XR 裝置類型 →
AI 眼鏡
瞭解 XR 裝置類型 →

在 Jetpack Compose Glimmer 中，Text 元件是以基本文字為基礎建構而成，可讓您設定各種文字屬性，例如顏色、字型大小、字型樣式、字體粗細、字型系列、字母間距和文字對齊方式。Jetpack Compose Glimmer Text 元件的獨特之處在於可智慧管理色彩比對。舉例來說，如果未指定顏色覆寫，文字預設會採用 UI 階層中最近的表面提供的內容顏色。

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

@Composable
fun GlimmerStyleSample() {
    GlimmerTheme {
        Box(
            modifier = Modifier.fillMaxSize(),
            contentAlignment = Alignment.Center
        ) {
            Column(horizontalAlignment = Alignment.CenterHorizontally) {
                Text(
                    text = "This is a sample heading",
                    color = GlimmerTheme.colors.secondary
                )
                Spacer(modifier = Modifier.height(16.dp))
                Button(onClick = { /* Handle Click */ }) {
                    Text(text = "Sample Button")
                }
            }
        }
    }
}

程式碼重點