Jetpack Compose Glimmer-এ, লিস্ট হলো উল্লম্বভাবে স্ক্রলযোগ্য UI কম্পোনেন্ট যা শুধুমাত্র দৃশ্যমান আইটেমগুলোকে দক্ষতার সাথে রেন্ডার করে এবং AI গ্লাস অ্যাপের জন্য নির্দিষ্ট আচরণ ও ইনপুট সামঞ্জস্যতা প্রদানের উদ্দেশ্যে ডিজাইন করা হয়েছে। Jetpack Compose Glimmer এই কাজটি VerticalList এবং ListItem কম্পোনেন্ট ব্যবহার করে সম্পন্ন করে।
VerticalList হলো Jetpack Compose Glimmer-এর একটি কম্পোনেন্ট যা স্ক্রলযোগ্য উল্লম্ব কন্টেন্ট প্রদর্শন করে। এটি LazyColumn এর মতোই API কার্যকারিতা প্রদান করে, তবে এর আচরণগুলো বিশেষভাবে Jetpack Compose Glimmer এবং ডিসপ্লেযুক্ত AI চশমার জন্য অপ্টিমাইজ করা হয়েছে।
Jetpack Compose Glimmer লিস্টের কিছু স্বতন্ত্র সীমাবদ্ধতা রয়েছে:
- যখন কোনো তালিকায় একটি ভিউয়ের ধারণক্ষমতার চেয়ে বেশি আইটেম থাকে, তখন তালিকাটির সীমানার কাছে একটি কালো স্ক্রিম ব্যবহার করা হয়।
উদাহরণ: তিনটি আইটেম সহ একটি উল্লম্ব তালিকা প্রদর্শন করুন
নিম্নলিখিত কোডটিতে দেখানো হয়েছে কিভাবে VerticalList এবং ListItem কম্পোনেন্ট ব্যবহার করে তিনটি আইটেমের একটি তালিকা তৈরি করা যায়:
@Composable
fun GlimmerListWithButtons() {
VerticalList(
contentPadding = PaddingValues(16.dp),
verticalArrangement = Arrangement.spacedBy(20.dp)
) {
items(count = 3) { index ->
ListItem(
onClick = { /* Handle Click */ },
leadingIcon = if (index == 1) {
{ Icon(Icons.Rounded.Favorite, "Favorite Icon") }
} else null
) {
Text("List Item + $index")
}
}
}
}
কোড সম্পর্কে মূল বিষয়গুলো
- তালিকাটিতে তিনটি আইটেম প্রদর্শিত হয় যেগুলো ডাইনামিকভাবে তৈরি হয় এবং প্রতিটিই একটি
ListItem। - প্রতিটি
ListItemনিজের পছন্দমতো সাজানো যায় এবং এতে একটি আইকন যোগ করা যায়।