জেটপ্যাক কম্পোজ গ্লিমারে, TitleChip কম্পোনেন্টটি কার্ডের মতো সংশ্লিষ্ট কন্টেন্টের জন্য সংক্ষিপ্ত, অ-ইন্টারেক্টিভ লেবেল প্রদানের জন্য ডিজাইন করা হয়েছে। সংক্ষিপ্ত শিরোনাম, নাম বা স্ট্যাটাসের মতো সংক্ষিপ্ত তথ্য প্রদর্শনের জন্য টাইটেল চিপ ব্যবহার করুন। যেহেতু টাইটেল চিপগুলি ফোকাসযোগ্য বা ইন্টারেক্টিভ নয়, তাই তারা জেটপ্যাক কম্পোজ গ্লিমার UI-এর মধ্যে সম্পূর্ণ তথ্যমূলক ভূমিকা পালন করে। উদাহরণস্বরূপ, আপনি স্ক্রোলযোগ্য উপাদানের তালিকার পাশে "উপাদান" লেবেলযুক্ত একটি টাইটেল চিপ প্রদান করতে পারেন।
মৌলিক উদাহরণ: একটি ছোট শিরোনাম চিপ প্রদর্শন করুন
আপনি খুব কম কোড দিয়ে একটি ছোট শিরোনাম চিপ তৈরি করতে পারেন:
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")
}
}
}
কোড সম্পর্কে গুরুত্বপূর্ণ বিষয়সমূহ
- দুটি উপাদানের মধ্যে
TitleChipDefaults.AssociatedContentSpacingদ্বারা সংজ্ঞায়িত সঠিক উল্লম্ব ব্যবধান প্রদানের জন্যSpacerএকটি নির্দিষ্ট উচ্চতা রয়েছে।