Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Languageहिन्दी
यूएक्स पैटर्न6 मिनट पढ़ें·Updated अक्टूबर 2026·ExodeUI टीम द्वारा

फ़्लोटिंग एक्शन बटन: एफएबी का उपयोग कब करें और इसे कैसे एनिमेट करें

जब एक फ़्लोटिंग एक्शन बटन मदद करता है, जब यह दर्द होता है, तो प्रति स्क्रीन एक एफएबी, विस्तारित एफएबी और एफएबी मेनू, स्क्रॉल व्यवहार और गति।

प्रत्यक्ष सारांश एवं परिभाषा

कोर टेकअवे

स्क्रीन पर सबसे महत्वपूर्ण क्रिया जैसे लिखें या बनाएं के लिए फ्लोटिंग एक्शन बटन का उपयोग करें। प्रति स्क्रीन केवल एक दिखाएं, स्पष्ट प्राथमिक कार्रवाई के बिना इसे स्क्रीन पर छोड़ दें, जब आइकन अकेला अस्पष्ट हो तो एक लेबल के साथ विस्तारित एफएबी का उपयोग करें, और जब यह फैलता है, स्क्रॉल करने पर ढह जाता है या मेनू खोलता है तो इसकी गति को उद्देश्यपूर्ण रखें।

FAB किस लिए है

Material Design 3 FAB को स्क्रीन की प्राथमिक क्रिया के रूप में वर्णित करता है और एक स्क्रीन पर एकाधिक FAB प्रदर्शित करने के विरुद्ध सलाह देता है। इसमें यह भी नोट किया गया है कि हर स्क्रीन पर FAB की आवश्यकता नहीं होती है, उदाहरण के लिए जब छवियां पहले से ही प्राथमिक क्रियाओं का प्रतिनिधित्व करती हैं।

एक नारंगी फ्लोटिंग एक्शन बटन वाली एक सूची स्क्रीन और उसके बगल में क्या करें और क्या न करें दिशानिर्देश
स्क्रीन की सबसे सामान्य क्रिया के लिए एक FAB।

वेरिएंट

सामग्री कई रूप प्रदान करती है:

  • मानक FAB: रचना जैसी प्रसिद्ध क्रिया के लिए एक आइकन।
  • विस्तारित एफएबी: आइकन प्लस लेबल, कम स्पष्ट कार्यों के लिए और बड़ी स्क्रीन पर स्पष्ट।
  • बड़ा एफएबी: प्रमुख प्राथमिक क्रियाओं के लिए, टैबलेट और अनफोल्डेड फोल्डेबल जैसी व्यापक विंडो के लिए उपयुक्त।
  • FAB मेनू: FAB संबंधित क्रियाओं का एक संक्षिप्त सेट खोलता है।

किसी का उपयोग कब नहीं करना चाहिए

छोटी या विनाशकारी गतिविधियों के लिए FAB को छोड़ दें, उन स्क्रीन पर जहां मुख्य कार्रवाई पहले से ही स्पष्ट है, और जहां यह महत्वपूर्ण सामग्री या नियंत्रण को कवर करेगी। iOS पर, FAB कोई मूल पैटर्न नहीं है; टूलबार या नेविगेशन बार बटन iPhone उपयोगकर्ताओं के लिए अधिक परिचित हैं।

गति

जब लोग स्क्रॉल करते हैं तो एक FAB अक्सर विस्तारित से मानक तक ढह जाता है, फिर से विस्तारित होता है, और टैप करने पर यह एक शीट या मेनू में बदल सकता है। ये बदलाव बताते हैं कि कार्रवाई कहां हुई और उसकी सामग्री कहां से आई। उन्हें छोटा रखें, हर स्क्रॉल पर उछलने से बचें और कम गति का सम्मान करें।

याद रखने योग्य कुंजी Principle

  • प्राथमिक कार्रवाई के लिए प्रति स्क्रीन एक एफएबी
  • हर स्क्रीन को इसकी आवश्यकता नहीं होती
  • जब आइकन स्पष्ट न हो तो विस्तारित FAB का उपयोग करें
  • छोटी या विनाशकारी गतिविधियों के लिए FABs से बचें
  • यह दिखाने के लिए गति का उपयोग करें कि FAB की सामग्री कहाँ से आती है

अक्सर पूछे जाने वाले प्रश्नों

स्रोत

  1. FAB guidelines — Material Design 3

संबंधित मार्गदर्शिकाएँ एवं उदाहरण

एक FAB जो आसानी से खुलता है

निःशुल्क रेडियल और विस्तारित मेनू घटकों को ब्राउज़ करें और उनके स्प्रिंग्स को ExodeUI में अनुकूलित करें।

लाइव घटक ब्राउज़ करें
मुफ्त में प्रयास करें