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