Jetpack Compose Glimmer'daki düğmeler

Uygun XR cihazlar

Bu kılavuz, bu tür XR cihazlar için deneyimler oluşturmanıza yardımcı olur.

XR cihaz türleri hakkında bilgi edinin →

Yapay Zeka Gözlükleri

XR cihaz türleri hakkında bilgi edinin →

Jetpack Compose Glimmer'da Button bileşeni, yapay zeka destekli akıllı gözlük girişi için optimize edilmiş etkileşimli bir bileşendir. Kullanıcı işlemlerine rehberlik etmek için odaklanılmamış, odaklanılmış ve basılmış durumları hakkında net görsel geri bildirim sunar.

Şekil 1. Jetpack Compose Glimmer'daki bazı farklı düğme stillerinin örneği.

Örnek: Düğme varyasyonları

@Composable
fun GlimmerButtonExample() {
    Column(
        verticalArrangement = Arrangement.spacedBy(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        modifier = Modifier.fillMaxWidth()
    ) {
        // Basic Button
        Button(onClick = { /* Do something */ }) {
            Text("Test Button 1")
        }

        // Button with a leading icon
        Button(
            onClick = { /* Do something */ },
            leadingIcon = {
                Icon(
                    painter = painterResource(id = R.drawable.ic_favorite),
                    contentDescription = "Favorite icon"
                )
            }
        ) {
            Text("Test Button 2")
        }

        // Button with leading and trailing icons
        Button(
            onClick = { /* Do something */ },
            leadingIcon = {
                Icon(
                    painter = painterResource(id = R.drawable.ic_favorite),
                    contentDescription = "Favorite icon"
                )
            },
            trailingIcon = {
                Icon(
                    painter = painterResource(id = R.drawable.ic_favorite),
                    contentDescription = "Favorite icon"
                )
            }
        ) {
            Text("Test Button 3")
        }
    }
}

Kodla ilgili önemli noktalar

• Düğme simgeleri, optimize edilmiş öğe yükleme için R.drawable.ic_favorite kitaplık bağımlılığının yerine painterResource kullanılarak yerel XML vektör çizilebilir kaynaklarını (R.drawable.ic_favorite) kullanır.Icons.Default
• leadingIcon ve trailingIcon parametreleri, düğme düzenine simge Composables'leri yerleştirmek için kullanılır. Bu, Jetpack Compose Glimmer'ın esnek simge konumlandırmayı desteklediğini gösterir.
• Düğmeler, varsayılan boyutlandırma yapılandırmasını kullanır. Bu yapılandırma, açık boyut değiştiriciler olmadan standart Jetpack Compose Glimmer tasarım özellikleriyle uyumlu olacak şekilde dahili dolguyu ve metin ölçeklendirmeyi otomatik olarak yönetir.