Jetpack Compose Glimmer-এ আইটেম তালিকাভুক্ত করুন

প্রযোজ্য এক্সআর ডিভাইস
এই নির্দেশিকা আপনাকে এই ধরনের এক্সআর ডিভাইসগুলির জন্য অভিজ্ঞতা তৈরি করতে সাহায্য করে।
ডিসপ্লে গ্লাস

Jetpack Compose Glimmer-এ, এক সারি কন্টেন্ট প্রদর্শনের জন্য ListItem হলো আদর্শ কম্পোনেন্ট। লিস্ট আইটেমগুলো ডিসপ্লে গ্লাসের ফোকাস-ভিত্তিক ইন্টারঅ্যাকশনের জন্য ডিজাইন করা হয়েছে, তাই ফোকাস পেলে এগুলো একটি অন্তর্নির্মিত ভিজ্যুয়াল প্রতিক্রিয়া প্রদান করে।

কম্পোনেন্টটির দুটি ওভারলোড রয়েছে: একটিতে onClick প্যারামিটারসহ এমন আইটেমগুলোর জন্য ওভারলোড আছে যেগুলো কোনো অ্যাকশন ট্রিগার করে, এবং অন্যটি হলো শুধুমাত্র ফোকাসযোগ্য সংস্করণ, যা এমন তথ্যমূলক কন্টেন্টের জন্য ব্যবহৃত হয় যার জন্য কোনো ক্লিক অ্যাকশনের প্রয়োজন হয় না।

চিত্র ১. জেটপ্যাক কম্পোজ গ্লিমারে ভিন্ন শৈলীর তালিকা আইটেমসহ দুটি তালিকার একটি উদাহরণ।

তালিকার মধ্যে ব্যবহার

একটি তালিকার সারিগুলির জন্য আইটেমগুলিই প্রধান পছন্দ, তবে ভিন্ন ধরনের দৃশ্যগত গুরুত্ব প্রদানের জন্য তালিকায় Card বা TitleChip মতো অন্যান্য উপাদানও থাকতে পারে।

তালিকার আইটেমগুলো তাদের মূল টেক্সটের জন্য headlineContent স্লট ব্যবহার করে, যাতে এটি অন্যান্য আইটেমের জন্য ব্যবহৃত Card এবং TitleChip কম্পোনেন্টগুলোর সাথে সামঞ্জস্যপূর্ণ থাকে।

উদাহরণ: সহায়ক লেবেল এবং আইকন সহ তালিকার আইটেম

নিম্নলিখিত কোডটি একটি সহায়ক লেবেল এবং শুরুতে ও শেষে আইকন সহ একটি তালিকা আইটেম তৈরি করে:

@Composable
private fun ListItemWithSupportingLabelAndIcons() {
    ListItem(
        supportingLabel = { Text("Supporting Label") },
        leadingIcon = { Icon(FavoriteIcon, "Localized description") },
        trailingIcon = { Icon(FavoriteIcon, "Localized description") },
    ) {
        Text("Primary Label")
    }
}