फ़्लोट करने वाला ऐक्शन बटन (एफ़एबी), एक गोल बटन होता है. यह आपके ऐप्लिकेशन के यूज़र इंटरफ़ेस (यूआई) में मुख्य कार्रवाई को ट्रिगर करता है. इस दस्तावेज़ में, अपने लेआउट में फ़्लोटिंग ऐक्शन बटन (एफ़एबी) जोड़ने, उसके दिखने के तरीके को पसंद के मुताबिक बनाने, और बटन पर टैप करने पर होने वाली कार्रवाइयों को सेट करने का तरीका बताया गया है.
Material Design के दिशा-निर्देशों के मुताबिक, अपने ऐप्लिकेशन के लिए फ़्लोटिंग ऐक्शन बटन (FAB) को डिज़ाइन करने के तरीके के बारे में ज़्यादा जानने के लिए, Material Design के मुताबिक फ़्लोटिंग ऐक्शन बटन (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" />
डिफ़ॉल्ट रूप से, फ़्लोटिंग ऐक्शन बटन का रंग colorAccent
एट्रिब्यूट से तय होता है. इसे थीम के कलर पैलेट की मदद से पसंद के मुताबिक बनाया जा सकता है.
एक्सएमएल एट्रिब्यूट या उनसे जुड़े तरीकों का इस्तेमाल करके, अन्य एफ़एबी प्रॉपर्टी कॉन्फ़िगर की जा सकती हैं. जैसे:
app:fabSize
एट्रिब्यूट याsetSize()
तरीके का इस्तेमाल करके, FAB का साइज़app:rippleColor
एट्रिब्यूट याsetRippleColor()
तरीका इस्तेमाल करके, एफ़एबी के रिपल का रंगandroid:src
एट्रिब्यूट याsetImageDrawable()
तरीके का इस्तेमाल करके, फ़्लाइंग ऐरो बटन (FAB) आइकॉन
बटन दबाने पर उससे जुड़ा काम तुरंत नहीं होता
इसके बाद, एफ़एबी टैप को मैनेज करने के लिए, View.OnClickListener
लागू किया जा सकता है. उदाहरण के लिए, जब उपयोगकर्ता एफ़एबी पर टैप करता है, तो यह कोड 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() }
Java
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(); } });
एफ़एबी की सुविधाओं के बारे में ज़्यादा जानने के लिए, FloatingActionButton
के लिए एपीआई का रेफ़रंस देखें.