دکمه‌ها در Jetpack Compose Glimmer

دستگاه‌های XR قابل اجرا
این راهنما به شما کمک می‌کند تا برای این نوع دستگاه‌های XR تجربه ایجاد کنید.
عینک هوش مصنوعی

در Jetpack Compose Glimmer، کامپوننت Button یک کامپوننت تعاملی است که برای ورودی عینک‌های هوش مصنوعی بهینه شده است و بازخورد بصری واضحی را برای حالت‌های فعال، معلق و فشرده شده ارائه می‌دهد تا اقدامات کاربر را هدایت کند.

شکل ۱. نمونه‌ای از برخی سبک‌های مختلف دکمه‌ها در Jetpack Compose Glimmer.

مثال: انواع دکمه

@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")
        }
    }
}

نکات کلیدی در مورد کد

  • آیکون‌های دکمه با استفاده از painterResource ، فایل‌های XML vector drawables محلی ( R.drawable.ic_favorite ) را منبع‌یابی می‌کنند و وابستگی کتابخانه Icons.Default را برای بارگذاری بهینه‌ی فایل‌ها جایگزین می‌کنند.
  • پارامترهای leadingIcon و trailingIcon برای تزریق آیکون‌های Composables به طرح‌بندی دکمه استفاده می‌شوند که نشان دهنده پشتیبانی Jetpack Compose Glimmer از موقعیت‌یابی انعطاف‌پذیر آیکون‌ها است.
  • دکمه‌ها از پیکربندی اندازه پیش‌فرض استفاده می‌کنند که به‌طور خودکار فاصله داخلی و مقیاس‌بندی متن را مدیریت می‌کند تا با مشخصات طراحی استاندارد Jetpack Compose Glimmer بدون اصلاح‌کننده‌های اندازه صریح، همسو شود.