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