Material Design Demo for Android 1.0

एन्ड्रोइडका लागि सामग्री डिजाइन डेमो एउटा नमूना अनुप्रयोग हो जुन डिजाइन समर्थन पुस्तकालय प्रयोग गरेर सिर्जना गरिएको हो। यस एपको उद्देश्य प्रि-ललिपप उपकरणहरू (एपीआई स्तर 7 सम्म) सँग मिल्दो एपमा सामग्री डिजाइन कसरी कार्यान्वयन गर्ने भनेर प्रदर्शन गर्नु हो। यो एपले नेभिगेसन ड्रअर, छविको साथ लचिलो ठाउँ (स्क्रोलिङ प्रविधि), फ्लोटिंग एक्शन बटन, पाठ सम्पादनका लागि फ्लोटिंग लेबल, स्न्याकबार (कार्य सहित र बिना), ट्याबहरू, संयोजक लेआउट र फ्लोटिंग एक्शन बटन, र समन्वयक सहित विभिन्न सामग्री डिजाइन कम्पोनेन्टहरू समेट्छ। लेआउट र एप बार (उपकरण पट्टी)।

मटेरियल डिजाइन गुगलले विकास गरेको भिजुअल भाषा हो जसले सबै प्लेटफर्म र यन्त्रहरूमा एकीकृत प्रयोगकर्ता अनुभव सिर्जना गर्ने लक्ष्य राख्छ। यसले सफा टाइपोग्राफी, बोल्ड रङहरू र साधारण आकारहरूमा फोकस गर्छ। सामग्री डिजाइनले थप आकर्षक प्रयोगकर्ता अनुभव सिर्जना गर्न एनिमेसन र ट्रान्जिसनको प्रयोगलाई पनि जोड दिन्छ।

एन्ड्रोइडका लागि सामग्री डिजाइन डेमोले विकासकर्ताहरूले कसरी यी सिद्धान्तहरूलाई आफ्नै अनुप्रयोगहरूमा समावेश गर्न सक्छन् भनेर देखाउँछ। Google द्वारा प्रदान गरिएको डिजाइन समर्थन पुस्तकालय प्रयोग गरेर, विकासकर्ताहरूले सजिलैसँग आफ्नो अनुप्रयोगहरूमा सामग्री डिजाइन तत्वहरू स्क्र्याचबाट जटिल कोड नलेखी थप्न सक्छन्।

यस डेमो एपको मुख्य विशेषताहरू मध्ये एक पूर्व-ललिपप उपकरणहरूसँग यसको अनुकूलता हो। यसको मतलब यो हो कि एन्ड्रोइडको पुरानो संस्करणहरू प्रयोग गर्ने प्रयोगकर्ताहरूले पनि तिनीहरूको एपहरूमा सामग्री डिजाइनको फाइदा लिन सक्छन्।

यस डेमोमा समेटिएका केही विशिष्ट कम्पोनेन्टहरूलाई नजिकबाट हेरौं:

नेभिगेसन ड्रअर: नेभिगेसन ड्रअरले प्रयोगकर्ताहरूलाई एप भित्र विभिन्न खण्ड वा सुविधाहरूमा द्रुत पहुँच प्रदान गर्दछ। मेनु आइकन वा स्वाइप इशाराद्वारा ट्रिगर गर्दा यो स्क्रिनको बायाँ छेउबाट बाहिर स्लाइड हुन्छ।

छविको साथ लचिलो ठाउँ: यो कम्पोनेन्टले विकासकर्ताहरूलाई उनीहरूको एपहरूको लागि दृश्यात्मक रूपमा आश्चर्यजनक हेडरहरू सिर्जना गर्न अनुमति दिन्छ। प्रयोगकर्ताहरूले स्क्रिनमा सामग्री मार्फत तल स्क्रोल गर्दा हेडर छवि माथि स्क्रोल हुन्छ।

फ्लोटिंग एक्शन बटन: फ्लोटिंग एक्शन बटनले प्रयोगकर्ताहरूलाई एप भित्रका प्राथमिक कार्यहरूमा द्रुत पहुँच प्रदान गर्दछ। यो स्क्रिनमा अन्य सामग्रीभन्दा माथि तैरिन्छ र ट्याप गर्दा एनिमेसन हुन्छ।

पाठ सम्पादनको लागि फ्लोटिंग लेबलहरू: फ्लोटिंग लेबलहरूले फारमहरू वा अन्य स्क्रिनहरूमा इनपुट क्षेत्रहरूको लागि सन्दर्भ प्रदान गर्दछ जहाँ प्रयोगकर्ताहरूलाई जानकारी प्रविष्ट गर्न आवश्यक छ। तिनीहरू ट्याप वा क्लिक गरेर फोकस नभएसम्म इनपुट फिल्डहरू माथि फ्लोट हुन्छन्।

स्न्याकबार: स्न्याकबारहरूले एप्लिकेसनद्वारा गरिएका कार्यहरूको बारेमा संक्षिप्त सन्देशहरू प्रदान गर्दछ जस्तै डाटा सफलतापूर्वक बचत गर्न वा नेटवर्क समस्याहरू असफल हुनु आदि। तिनीहरू केही सेकेन्ड पछि स्वचालित रूपमा गायब हुनु अघि अस्थायी रूपमा स्क्रिनको तल्लो भागमा देखा पर्दछ।

ट्याबहरू: ट्याबहरूले विकासकर्ताहरूलाई एप्लिकेसन भित्र छुट्टाछुट्टै खण्डहरूमा सामग्री व्यवस्थित गर्न अनुमति दिन्छ ताकि प्रयोगकर्ताहरूलाई तिनीहरूको बीचमा नेभिगेट गर्न सजिलो हुन्छ।

समन्वयक लेआउट र फ्लोटिंग एक्शन बटन: समन्वयक लेआउटले तपाईंलाई दुई दृश्यहरू बीच स्क्रोलिङ प्रभावहरू जस्तै दृश्यहरू एकसाथ समन्वय गर्न मद्दत गर्दछ जबकि FAB (फ्लोटिंग एक्शन बटन) ले तपाईंलाई प्राथमिक कार्यहरू छिटो गर्न मद्दत गर्दछ।

संयोजक लेआउट र एप बार (उपकरण पट्टी): समन्वयक लेआउटले तपाइँलाई दुई दृश्यहरू बीचको स्क्रोलिङ प्रभावहरू जस्तै दृश्यहरू एकसाथ समन्वय गर्न मद्दत गर्दछ जबकि एप बार (उपकरण पट्टी) ले तपाइँको अनुप्रयोगमा निरन्तर नेभिगेसन प्रदान गर्दछ।

समग्रमा, यदि तपाइँ तपाइँको आफ्नै अनुप्रयोगहरूमा सामग्री डिजाइन सिद्धान्तहरू लागू गर्ने वरिपरि उत्कृष्ट अभ्यासहरू कसरी प्रेरणा खोज्दै हुनुहुन्छ भने यो डेमो धेरै उपयोगी हुनेछ!