Jetpack Compose Glimmer-এ তালিকা আইটেম

প্রযোজ্য XR ডিভাইস
এইসব XR ডিভাইসের জন্য অভিজ্ঞতা তৈরি করতে এই নির্দেশিকা আপনাকে সাহায্য করে।
XR ডিভাইসের ধরন সম্পর্কে জানুন →
Display Glasses
XR ডিভাইসের ধরন সম্পর্কে জানুন →

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

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

ছবি ১. Jetpack Compose Glimmer-এ আলাদা আলাদা স্টাইলের তালিকা আইটেম সহ দুটি তালিকার উদাহরণ।

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

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

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

উদাহরণ: সাধারণ তালিকা আইটেম

নিচের কোডটি একটি সাধারণ তালিকা আইটেম তৈরি করে:

@Composable
fun ListItemSample() {
    ListItem { Text("This is a list item") }
}

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

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

@Composable
fun ListItemWithIconsSample() {
    ListItem(
        leadingIcon = { Icon(FavoriteIcon, contentDescription = "Favorite") },
        trailingIcon = { Icon(FavoriteIcon, contentDescription = "Favorite") }
    ) {
        Text("This is a list item with icons")
    }
}