জেটপ্যাক কম্পোজ গ্লিমারের বোতামগুলি

প্রযোজ্য এক্সআর ডিভাইস

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

এক্সআর ডিভাইসের প্রকারভেদ সম্পর্কে জানুন →

এআই চশমা

এক্সআর ডিভাইসের প্রকারভেদ সম্পর্কে জানুন →

Jetpack Compose Glimmer-এ, Button কম্পোনেন্টটি একটি ইন্টারেক্টিভ কম্পোনেন্ট যা AI গ্লাসের ইনপুটের জন্য অপ্টিমাইজ করা হয়েছে এবং এটি ব্যবহারকারীর কার্যকলাপকে নির্দেশনা দেওয়ার জন্য গ্লাসটির আনফোকাসড, ফোকাসড এবং প্রেসড অবস্থার স্পষ্ট ভিজ্যুয়াল ফিডব্যাক প্রদান করে।

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

উদাহরণ: বোতামের বিভিন্ন রূপ

@Composable
fun GlimmerButtonExample() {
    Column(
        verticalArrangement = Arrangement.spacedBy(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        modifier = Modifier.fillMaxWidth()
    ) {
        // Basic Button
        Button(onClick = { /* Do something */ }) {
            Text("Test Button 1")
        }

        // Button with a leading icon
        Button(
            onClick = { /* Do something */ },
            leadingIcon = {
                Icon(
                    painter = painterResource(id = R.drawable.ic_favorite),
                    contentDescription = "Favorite icon"
                )
            }
        ) {
            Text("Test Button 2")
        }

        // Button with leading and trailing icons
        Button(
            onClick = { /* Do something */ },
            leadingIcon = {
                Icon(
                    painter = painterResource(id = R.drawable.ic_favorite),
                    contentDescription = "Favorite icon"
                )
            },
            trailingIcon = {
                Icon(
                    painter = painterResource(id = R.drawable.ic_favorite),
                    contentDescription = "Favorite icon"
                )
            }
        ) {
            Text("Test Button 3")
        }
    }
}

কোড সম্পর্কে মূল বিষয়গুলো

• অপ্টিমাইজড অ্যাসেট লোডিং-এর জন্য Icons.Default লাইব্রেরির নির্ভরতা প্রতিস্থাপন করে, বাটন আইকনগুলো painterResource ব্যবহার করে স্থানীয় XML ভেক্টর ড্রয়েবল ( R.drawable.ic_favorite ) থেকে সোর্স নেয়।
• বাটন লেআউটে আইকন কম্পোজেবল যুক্ত করার জন্য leadingIcon এবং trailingIcon প্যারামিটারগুলো ব্যবহার করা হয়, যা Jetpack Compose Glimmer-এর নমনীয় আইকন অবস্থানের সমর্থন প্রদর্শন করে।
• বাটনগুলো ডিফল্ট সাইজিং কনফিগারেশন ব্যবহার করে, যা কোনো সুস্পষ্ট সাইজ মডিফায়ার ছাড়াই স্ট্যান্ডার্ড জেটপ্যাক কম্পোজ গ্লিমার ডিজাইন স্পেসিফিকেশনের সাথে সামঞ্জস্য রেখে স্বয়ংক্রিয়ভাবে অভ্যন্তরীণ প্যাডিং এবং টেক্সট স্কেলিং পরিচালনা করে।