מכשירי XR רלוונטיים
ההנחיות האלה יעזרו לכם ליצור חוויות למכשירי XR מהסוגים האלה.
ב-Jetpack Compose Glimmer, הרכיב Button הוא רכיב אינטראקטיבי שעבר אופטימיזציה לקלט של משקפי AI, ומציע משוב חזותי ברור למצבים המופעלים, המרחפים והלחוצים שלו כדי להנחות את פעולות המשתמש.
דוגמה: וריאציות של לחצנים
@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")
}
}
}
מידע חשוב על הקוד
- סמלי הלחצנים הם מקומיים בפורמט XML של וקטורים (
R.drawable.ic_favorite) באמצעותpainterResource, והם מחליפים את התלות בספרייהIcons.Defaultלטעינה אופטימלית של נכסים. - הפרמטרים
leadingIconו-trailingIconמשמשים להוספת סמלים של קומפוזיציות לפריסת הלחצן, וכך מדגימים את התמיכה של Jetpack Compose Glimmer במיקום גמיש של סמלים. - הלחצנים משתמשים בהגדרת גודל ברירת המחדל, שמנהלת באופן אוטומטי את הריווח הפנימי ואת שינוי הגודל של הטקסט כדי להתאים למפרטי העיצוב הרגילים של Jetpack Compose Glimmer, בלי שינויי גודל מפורשים.