फ़्लोट करने वाला ऐक्शन बटन (एफ़एबी), एक गोल बटन होता है. यह आपके ऐप्लिकेशन के यूज़र इंटरफ़ेस (यूआई) में मुख्य कार्रवाई को ट्रिगर करता है. इस दस्तावेज़ में, अपने लेआउट में फ़्लोटिंग ऐक्शन बटन (एफ़एबी) जोड़ने, उसके दिखने के तरीके को पसंद के मुताबिक बनाने, और बटन पर टैप करने पर होने वाली कार्रवाइयों को सेट करने का तरीका बताया गया है.
मटीरियल डिज़ाइन दिशा-निर्देशों के हिसाब से, अपने ऐप्लिकेशन के लिए एफ़एबी डिज़ाइन करने के बारे में ज़्यादा जानने के लिए, मटीरियल डिज़ाइन एफ़एबी देखें.
अपने लेआउट में फ़्लोटिंग ऐक्शन बटन जोड़ें
यह कोड दिखाता है कि आपकी लेआउट फ़ाइल में
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 के लिए एपीआई का रेफ़रंस देखें.