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

রচনা পদ্ধতি চেষ্টা করুন
জেটপ্যাক কম্পোজ হল Android এর জন্য প্রস্তাবিত UI টুলকিট। কম্পোজে উপাদান যোগ করতে শিখুন।

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

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

একটি লাল FloatingActionButton সমন্বিত একটি অ্যাপ স্ক্রীন দেখানো একটি চিত্র৷
চিত্র 1. একটি ভাসমান অ্যাকশন বোতাম (এফএবি)।

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

নিম্নলিখিত কোডটি দেখায় কিভাবে আপনার লেআউট ফাইলে 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 ট্যাপগুলি পরিচালনা করতে একটি 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 রেফারেন্স দেখুন।