একটি ভাসমান অ্যাকশন বোতাম যোগ করুন

কম্পোজ পদ্ধতিটি চেষ্টা করুন
জেটপ্যাক কম্পোজ হলো অ্যান্ড্রয়েডের জন্য প্রস্তাবিত UI টুলকিট। কম্পোজে কীভাবে কম্পোনেন্ট যোগ করতে হয় তা জানুন।

একটি ফ্লোটিং অ্যাকশন বাটন (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-এর রিপল কালার নির্ধারণ করা যায়।
  • android:src অ্যাট্রিবিউট অথবা setImageDrawable() মেথড ব্যবহার করে FAB আইকনটি তৈরি করা হয়।

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

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

কোটলিন

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 রেফারেন্স দেখুন।