स्टैक

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

डिज़ाइन एलिमेंट, फ़्रेम के सबसे नीचे होने चाहिए.

सिद्धांत

स्टैक, कंटेनर कॉम्पोनेंट होते हैं. इसलिए, ये कार्ड और सूचियों के डिज़ाइन से जुड़े सिद्धांतों को शेयर करते हैं:

कंटेनमेंट: स्टैक, एक ही विषय से जुड़ी जानकारी और कार्रवाइयों को एक साथ ग्रुप करते हैं, ताकि उन्हें आसानी से समझा जा सके.

फ़ोकस और साफ़ तौर पर दिखना: स्टैक, कॉन्टेंट को साफ़ तौर पर और फ़ोकस में दिखाते हैं.

वर्सेटाइल: स्टैक, कार्ड और सूचनाएं दिखा सकते हैं.

लगातार दिखने वाला प्रज़ेंटेशन: स्टैक, एक जैसे विज़ुअल स्ट्रक्चर में दिखते हैं.

इस्तेमाल और प्लेसमेंट

स्टैक की मदद से, उपयोगकर्ताओं को यह दिखाया जा सकता है कि किसी सूची में कई एलिमेंट कोलैप्स किए गए हैं. साथ ही, इससे व्यू में दिखने वाले विज़ुअल एलिमेंट को कम किया जा सकता है. स्टैक के दो अलग-अलग वैरिएंट होते हैं: 

  • कार्ड स्टैक

  • सूचना स्टैक

स्टैक, कंटेनर कॉम्पोनेंट होते हैं. दोनों वर्शन, अलग-अलग तरीके से काम नहीं करते या अलग नहीं दिखते.

दोनों, दिखने और काम करने के मामले में लगभग एक जैसे होने चाहिए. स्टैक, इन कंट्रोल के लिए कंटेनर होता है. इसमें पेज नंबरिंग के लिए, पहले से मौजूद लॉजिक होता है.

स्टैक नेविगेशन

उपयोगकर्ता, टचपैड पर आगे और पीछे की ओर स्वाइप या ड्रैग करके नेविगेट करते हैं. स्टैक को स्क्रोल करने पर, एक बार में सिर्फ़ एक आइटम दिखेगा.

डिज़ाइन एलिमेंट को फ़्रेम के सबसे नीचे ऐंकर करना

स्टैक में, एक बार में सिर्फ़ एक आइटम को ट्रैवर्स किया जा सकता है.

टच इनपुट मिलने पर, स्टैक वर्टिकल तरीके से मूव करके एक बार में एक आइटम दिखा सकते हैं. साथ ही, एक से ज़्यादा एलिमेंट दिखाने के लिए, ये सूचियां बन जाते हैं. सूची में, डिफ़ॉल्ट कंटेनर और फ़ोकस स्टेट का इस्तेमाल किया जाना चाहिए.

डिज़ाइन एलिमेंट, फ़्रेम के सबसे नीचे होने चाहिए.

फ़ोकस दिखाने के लिए डेप्थ का इस्तेमाल करना

स्टैक में सबसे नीचे मौजूद आइटम के लिए, डेप्थ की वैल्यू 0 होती है. वहीं, सबसे ऊपर मौजूद आइटम के लिए, डेप्थ की वैल्यू +2 होती है.

शरीर-रचना विज्ञान

स्टैक हमेशा, पेज नंबरिंग कॉम्पोनेंट के तौर पर कोलैप्स किया जाता है. सबसे ऊपर मौजूद आइटम हमेशा प्राइमरी फ़ोकस होता है. इसमें बॉर्डर की डेप्थ ज़्यादा दिखती है. हालांकि, ऐसा तब नहीं होता, जब नेस्ट किया गया बटन चालू हो.

स्टैक की शुरुआत या आखिर से आगे स्वाइप करने पर, स्ट्रेच ऐनिमेशन दिखता है. इससे यह पता चलता है कि स्टैक की शुरुआत या आखिर कहां है.

डिज़ाइन एलिमेंट, फ़्रेम के सबसे नीचे होने चाहिए.

पसंद के मुताबिक बनाएं

स्टैक में, पहले से मौजूद स्क्रम, पेजिंग, और ऐनिमेशन होते हैं. इन्हें पसंद के मुताबिक नहीं बनाया जा सकता. हालांकि, स्टैक में मौजूद कॉन्टेंट को पसंद के मुताबिक बनाया जा सकता है.

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