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