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

Compose को आज़माएं

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

फ़्लोट करने वाला कार्रवाई बटन →

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

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

अपने लेआउट में फ़्लोट करने वाला कार्रवाई बटन जोड़ना

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

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

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.