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