फ़्लोटिंग ऐक्शन बटन (एफ़एबी) एक सर्कुलर बटन होता है, जो प्राइमरी ऐक्शन को ट्रिगर करता है के यूज़र इंटरफ़ेस (यूआई) में कार्रवाई करें. इस दस्तावेज़ में, अपने लेआउट में एफ़एबी जोड़ने का तरीका बताया गया है, और बटन पर क्लिक करके प्रतिक्रिया देने में मदद मिलती है.
सामग्री के हिसाब से अपने ऐप्लिकेशन के लिए एफ़एबी डिज़ाइन करने के बारे में ज़्यादा जानने के लिए डिज़ाइन के लिए दिशा-निर्देश, मटीरियल डिज़ाइन देखें एफ़एबी को अपनाएं.
![ऐप्लिकेशन की स्क्रीन दिखाती हुई इमेज, जिसमें लाल रंग का फ़्लोटिंग Action बटन है.](https://developer.android.com/static/training/material/images/fab.png?hl=hi)
अपने लेआउट में फ़्लोटिंग ऐक्शन बटन जोड़ें
नीचे दिया गया कोड दिखाता है कि
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
.