מכשירי XR שמתאימים לשימוש
ההנחיות האלה יעזרו לכם ליצור חוויות למכשירי XR מהסוגים הבאים.
ב-Jetpack פיתוח נייטיב 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משמשים להחדרת רכיבי סמל (Composables) לפריסת הלחצן, וכך מדגימים את התמיכה של Jetpack פיתוח נייטיב Glimmer במיקום גמיש של סמלים. - הלחצנים משתמשים בהגדרת הגודל שמוגדרת כברירת מחדל, שמנהלת באופן אוטומטי את הריווח הפנימי ואת שינוי הגודל של הטקסט כדי להתאים למפרטי העיצוב הרגילים של Glimmer ב-Jetpack Compose, בלי להשתמש במגדירי גודל מפורשים.