स्टैक

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

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

सिद्धांत

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

कंटेनमेंट: स्टैक, मिलती-जुलती जानकारी और कार्रवाइयों को एक ही यूनिट में ग्रुप करते हैं.

फ़ोकस और साफ़ तौर पर जानकारी देना: ये साफ़ तौर पर और फ़ोकस के साथ कॉन्टेंट पेश करते हैं.

कई तरह के काम: स्टैक में कार्ड और सूचनाएं दिख सकती हैं.

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

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

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

कार्ड स्टैक

सूचनाओं के स्टैक

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

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

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

डिज़ाइन एलिमेंट को फ़्रेम के सबसे नीचे ऐंकर किया जाना चाहिए. फ़ोकस दिखाने के लिए डेप्थ का इस्तेमाल करना

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

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

स्टैक में मौजूद आइटम को एक-एक करके देखा जा सकता है

टच इनपुट मिलने पर, स्टैक वर्टिकल तरीके से मूव करके एक बार में एक आइटम दिखा सकते हैं.

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

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

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

बंपर की मदद से, स्टैक के आखिर और शुरुआत को बेहतर बनाया जा सकता है. स्प्रिंग ऐनिमेशन, जिसमें सूची को रिलीज़ करने पर वापस अपनी जगह पर ले जाया जाता है.

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

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

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