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

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

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

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

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

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

नीचे दिया गया कोड दिखाता है कि 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.