প্রযোজ্য XR ডিভাইস
এই নির্দেশিকা আপনাকে এই ধরণের XR ডিভাইসের অভিজ্ঞতা তৈরি করতে সাহায্য করবে।
Jetpack Compose Glimmer-এ, Icon কম্পোনেন্টটি বিশেষভাবে একক রঙের আইকন রেন্ডার করার জন্য ডিজাইন করা হয়েছে। Icon ImageVector , ImageBitmap , অথবা Painter তার উৎস হিসেবে গ্রহণ করতে পারে। Text এর মতো Icon , বুদ্ধিমত্তার সাথে আশেপাশের UI থিমের উপর ভিত্তি করে একটি টিন্ট প্রয়োগ করতে পারে। যদিও এটি LocalIconSize দ্বারা প্রদত্ত একটি আকারে ডিফল্ট থাকে, আপনি কাস্টম আইকনের আকারও সেট করতে পারেন।
উদাহরণ: একটি বড় তারকা আইকন সহ একটি বাক্স তৈরি করুন
@Composable
fun GlimmerIconSample() {
GlimmerTheme {
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center
) {
Column(horizontalAlignment = Alignment.CenterHorizontally) {
Icon(
painter = painterResource(id = R.drawable.ic_star),
contentDescription = "A star icon from Google Symbols",
modifier = Modifier.size(GlimmerTheme.iconSizes.large),
tint = GlimmerTheme.colors.primary
)
}
}
}
}
কোড সম্পর্কে গুরুত্বপূর্ণ বিষয়সমূহ
- আইকনের সোর্সটি
painterResourceব্যবহার করে একটি স্থানীয় XML ভেক্টর ড্রয়েবল (R.drawable.ic_star) লোড করে, যা বহিরাগত লাইব্রেরি ওভারহেড ছাড়াই একটি Jetpack Compose Glimmer UI-তে আইকনগুলিকে একীভূত করার জন্য প্রস্তাবিত পদ্ধতি প্রদর্শন করে। - আইকনের আকারটি
GlimmerTheme.iconSizes.largeএকটি মডিফায়ার দিয়ে সেট করে কাস্টমাইজ করা হয়, যা Jetpack Compose Glimmer এর পূর্বনির্ধারিত আকার পরিবর্তনকে কীভাবে ওভাররাইড করতে হয় তা প্রদর্শন করে। - আইকনের টিন্ট কালার টিন্ট প্যারামিটার ব্যবহার করে
GlimmerTheme.colors.primaryসেট করে কাস্টমাইজ করা হয়েছে, ভিজ্যুয়াল ধারাবাহিকতার জন্য একক-রঙের আইকন টিন্টিং প্রয়োগ করে।