دستگاههای XR قابل اجرا
این راهنما به شما کمک میکند تا برای این نوع دستگاههای XR تجربه ایجاد کنید.
در Jetpack Compose Glimmer، کامپوننت Icon به طور خاص برای رندر کردن آیکونهای تک رنگ طراحی شده است. Icon میتواند ImageVector ، ImageBitmap یا Painter به عنوان منبع خود بپذیرد. Icon ، مشابه Text ، میتواند به طور هوشمند بر اساس تم رابط کاربری اطراف، یک رنگ (tint) اعمال کند. اگرچه به طور پیشفرض روی اندازهای که توسط LocalIconSize ارائه میشود، تنظیم میشود، اما میتوانید اندازههای آیکون سفارشی را نیز تنظیم کنید.
مثال: یک کادر با آیکون ستاره بزرگ ایجاد کنید
@Composable
fun GlimmerIconSample() {
GlimmerTheme {
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center
) {
Column(horizontalAlignment = Alignment.CenterHorizontally) {
Icon(
painter = painterResource(id = R.drawable.ic_star),
contentDescription = "A star icon from Google Symbols",
modifier = Modifier.size(GlimmerTheme.iconSizes.large),
tint = GlimmerTheme.colors.primary
)
}
}
}
}
نکات کلیدی در مورد کد
- منبع آیکون، یک بردار XML محلی قابل ترسیم (
R.drawable.ic_star) را با استفادهpainterResourceبارگذاری میکند که رویکرد پیشنهادی برای ادغام آیکونها در رابط کاربری Jetpack Compose Glimmer بدون سربار کتابخانه خارجی را نشان میدهد. - اندازه آیکون با تنظیم
GlimmerTheme.iconSizes.largeبا یک اصلاحکننده سفارشی میشود، که نشان میدهد چگونه میتوان اندازه از پیش تعریفشده Jetpack Compose Glimmer را لغو کرد. - رنگ سایه آیکون با تنظیم
GlimmerTheme.colors.primaryبا استفاده از پارامتر tint سفارشی میشود و برای ایجاد هماهنگی بصری، سایه تک رنگ آیکون اعمال میگردد.