फ़्लोट करने वाला ऐक्शन बटन जोड़ें

लिखने का तरीका आज़माएं
Android के लिए, Jetpack Compose को यूज़र इंटरफ़ेस (यूआई) टूलकिट के तौर पर सुझाया जाता है. Compose में कॉम्पोनेंट जोड़ने का तरीका जानें.

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

Material Design के दिशा-निर्देशों के मुताबिक, अपने ऐप्लिकेशन के लिए फ़्लोटिंग ऐक्शन बटन (FAB) को डिज़ाइन करने के तरीके के बारे में ज़्यादा जानने के लिए, Material Design के मुताबिक फ़्लोटिंग ऐक्शन बटन (FAB) देखें.

ऐप्लिकेशन की स्क्रीन की इमेज, जिसमें लाल रंग का FloatingActionButton दिख रहा है
पहला डायग्राम. फ़्लोटिंग ऐक्शन बटन (एफ़एबी).

अपने लेआउट में फ़्लोटिंग ऐक्शन बटन जोड़ें

यहां दिए गए कोड से पता चलता है कि आपकी लेआउट फ़ाइल में 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 के लिए एपीआई का रेफ़रंस देखें.