फ़्लोटिंग एक्शन बटन: एफएबी का उपयोग कब करें और इसे कैसे एनिमेट करें
जब एक फ़्लोटिंग एक्शन बटन मदद करता है, जब यह दर्द होता है, तो प्रति स्क्रीन एक एफएबी, विस्तारित एफएबी और एफएबी मेनू, स्क्रॉल व्यवहार और गति।
कोर टेकअवे
स्क्रीन पर सबसे महत्वपूर्ण क्रिया जैसे लिखें या बनाएं के लिए फ्लोटिंग एक्शन बटन का उपयोग करें। प्रति स्क्रीन केवल एक दिखाएं, स्पष्ट प्राथमिक कार्रवाई के बिना इसे स्क्रीन पर छोड़ दें, जब आइकन अकेला अस्पष्ट हो तो एक लेबल के साथ विस्तारित एफएबी का उपयोग करें, और जब यह फैलता है, स्क्रॉल करने पर ढह जाता है या मेनू खोलता है तो इसकी गति को उद्देश्यपूर्ण रखें।
FAB किस लिए है
Material Design 3 FAB को स्क्रीन की प्राथमिक क्रिया के रूप में वर्णित करता है और एक स्क्रीन पर एकाधिक FAB प्रदर्शित करने के विरुद्ध सलाह देता है। इसमें यह भी नोट किया गया है कि हर स्क्रीन पर FAB की आवश्यकता नहीं होती है, उदाहरण के लिए जब छवियां पहले से ही प्राथमिक क्रियाओं का प्रतिनिधित्व करती हैं।
वेरिएंट
सामग्री कई रूप प्रदान करती है:
- मानक FAB: रचना जैसी प्रसिद्ध क्रिया के लिए एक आइकन।
- विस्तारित एफएबी: आइकन प्लस लेबल, कम स्पष्ट कार्यों के लिए और बड़ी स्क्रीन पर स्पष्ट।
- बड़ा एफएबी: प्रमुख प्राथमिक क्रियाओं के लिए, टैबलेट और अनफोल्डेड फोल्डेबल जैसी व्यापक विंडो के लिए उपयुक्त।
- FAB मेनू: FAB संबंधित क्रियाओं का एक संक्षिप्त सेट खोलता है।
किसी का उपयोग कब नहीं करना चाहिए
छोटी या विनाशकारी गतिविधियों के लिए FAB को छोड़ दें, उन स्क्रीन पर जहां मुख्य कार्रवाई पहले से ही स्पष्ट है, और जहां यह महत्वपूर्ण सामग्री या नियंत्रण को कवर करेगी। iOS पर, FAB कोई मूल पैटर्न नहीं है; टूलबार या नेविगेशन बार बटन iPhone उपयोगकर्ताओं के लिए अधिक परिचित हैं।
गति
जब लोग स्क्रॉल करते हैं तो एक FAB अक्सर विस्तारित से मानक तक ढह जाता है, फिर से विस्तारित होता है, और टैप करने पर यह एक शीट या मेनू में बदल सकता है। ये बदलाव बताते हैं कि कार्रवाई कहां हुई और उसकी सामग्री कहां से आई। उन्हें छोटा रखें, हर स्क्रॉल पर उछलने से बचें और कम गति का सम्मान करें।
याद रखने योग्य कुंजी Principle
- प्राथमिक कार्रवाई के लिए प्रति स्क्रीन एक एफएबी
- हर स्क्रीन को इसकी आवश्यकता नहीं होती
- जब आइकन स्पष्ट न हो तो विस्तारित FAB का उपयोग करें
- छोटी या विनाशकारी गतिविधियों के लिए FABs से बचें
- यह दिखाने के लिए गति का उपयोग करें कि FAB की सामग्री कहाँ से आती है
अक्सर पूछे जाने वाले प्रश्नों
स्रोत
- FAB guidelines — Material Design 3