تراشه‌های عنوان در Jetpack Compose Glimmer

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

در Jetpack Compose Glimmer، کامپوننت TitleChip به گونه‌ای طراحی شده است که برچسبی مختصر و غیرتعاملی برای محتوای مرتبط، مانند یک کارت، ارائه دهد. از برچسب‌های عنوان برای نمایش اطلاعات مختصر مانند یک عنوان کوتاه، یک نام یا یک وضعیت استفاده کنید. از آنجایی که برچسب‌های عنوان قابل تمرکز یا تعاملی نیستند، نقشی صرفاً اطلاعاتی در رابط کاربری Jetpack Compose Glimmer ایفا می‌کنند. به عنوان مثال، می‌توانید یک برچسب عنوان با برچسب "مواد تشکیل‌دهنده" در کنار یک لیست قابل اسکرول از مواد تشکیل‌دهنده ارائه دهید.

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

مثال پایه: نمایش یک تراشه عنوان کوتاه

شما می‌توانید یک چیپ عنوان کوتاه با کد بسیار کم ایجاد کنید:

TitleChip { Text("Messages") }

مثال مفصل: نمایش یک چیپ عنوان با یک کارت

برای استفاده از یک چیپ عنوان با یک کامپوننت دیگر، چیپ عنوان TitleChipDefaults.AssociatedContentSpacing را بالای کامپوننت دیگر در کامپوننت قابل ترکیب قرار دهید. کد زیر نحوه استفاده از یک چیپ عنوان با یک کارت را نشان می‌دهد:

@Composable
fun TitleChipExample() {
    Column(horizontalAlignment = Alignment.CenterHorizontally) {
        TitleChip { Text("Title Chip") }
        Spacer(Modifier.height(TitleChipDefaults.AssociatedContentSpacing))
        Card(
            title = { Text("Title") },
            subtitle = { Text("Subtitle") },
            leadingIcon = { Icon(FavoriteIcon, "Localized description") },
        ) {
            Text("Card Content")
        }
    }
}

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