ফ্লোটিং অ্যাকশন বোতাম যোগ করুন

Compose-এর মাধ্যমে চেষ্টা করুন
Jetpack Compose হল Android-এর জন্য সাজেস্ট করা UI টুলকিট। Compose-এ কীভাবে কম্পোনেন্ট যোগ করতে হয় তা জানুন।

ফ্লোটিং অ্যাকশন বোতাম (FAB) হল একটি বৃত্তাকার বোতাম যা আপনার অ্যাপের UI-তে প্রাথমিক অ্যাকশন ট্রিগার করে। এই ডকুমেন্ট থেকে জানতে পারবেন যে কীভাবে আপনার লেআউটে FAB যোগ করবেন, এর কিছু উপস্থিতি কাস্টমাইজ করবেন এবং বোতামে ট্যাপ করার প্রতিক্রিয়া জানাবেন।

মেটেরিয়াল ডিজাইন নির্দেশিকা অনুযায়ী আপনার অ্যাপের জন্য কীভাবে FAB ডিজাইন করবেন সেই সম্পর্কে আরও জানতে, মেটেরিয়াল ডিজাইন FAB দেখুন .

একটি অ্যাপ স্ক্রিন দেখানো ছবি যাতে একটি লাল FloatingActionButton রয়েছে
ছবি ১. ফ্লোটিং অ্যাকশন বোতাম (FAB)।

আপনার লেআউটে ফ্লোটিং অ্যাকশন বোতাম যোগ করুন

নিচে দেওয়া কোড থেকে জানতে পারবেন যে কীভাবে FloatingActionButton আপনার লেআউট ফাইলে দেখা যায়:

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:contentDescription="@string/submit"
        android:layout_margin="16dp" />

ডিফল্ট হিসেবে, FAB-এর রঙ colorAccent অ্যাট্রিবিউট দ্বারা নির্ধারিত হয়, যা আপনি থিমের কালার প্যালেট দিয়ে কাস্টমাইজ করতে পারবেন।

আপনি XML অ্যাট্রিবিউট বা সংশ্লিষ্ট পদ্ধতি ব্যবহার করে অন্যান্য FAB প্রপার্টি কনফিগার করতে পারেন, যেমন:

  • app:fabSize অ্যাট্রিবিউট বা setSize() পদ্ধতি ব্যবহার করে FAB-এর সাইজ
  • app:rippleColor অ্যাট্রিবিউট বা setRippleColor() পদ্ধতি ব্যবহার করে FAB-এর রিপল কালার
  • FAB আইকন, android:src অ্যাট্রিবিউট বা setImageDrawable() পদ্ধতি ব্যবহার করে

বোতামে ট্যাপ করার প্রতিক্রিয়া জানানো

তারপর আপনি FAB ট্যাপ ম্যানেজ করতে View.OnClickListener প্রয়োগ করতে পারবেন। যেমন, ব্যবহারকারী FAB-এ ট্যাপ করলে নিম্নলিখিত কোডটি Snackbar দেখায়:

Kotlin

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

জাভা

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

FAB-এর ক্ষমতা সম্পর্কে আরও তথ্যের জন্য, FloatingActionButton-এর API রেফারেন্স দেখুন।