एंड्रॉयड लेआउट डिजाइन ट्यूटोरियल: सब कुछ तुम्हें पता करने की आवश्यकता है

यह एंड्रॉइड लेआउट डिज़ाइन ट्यूटोरियल आपको यह समझने में मदद करेगा कि लेआउट और दृश्य के साथ व्यूग्रुप का उपयोग करके कैसे डिज़ाइन किया जा सकता है।

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

मैं नीचे दिए गए विषयों पर चर्चा करूंगा:





तो चलो शुरू हो जाओ!

जावा चार सरणी डिफ़ॉल्ट मान

Android लेआउट डिज़ाइन ट्यूटोरियल: UI घटकों का परिचय

UI घटकों के बारे में बात करते हुए, किसी भी Android एप्लिकेशन के विशिष्ट UI में ये घटक होते हैं:



  • मेन एक्शन बार
  • नियंत्रण देखें
  • इच्छुक क्षेत्र
  • स्प्लिट एक्शन बार

जब आप एक जटिल एप्लिकेशन विकसित कर रहे हों तो ये एक प्रमुख भूमिका निभाते हैं। जब हम इस लेख के डेमो सेक्शन में पहुँचेंगे, तो आपको इसका एक स्पष्ट दृश्य मिलेगा।

एक अन्य महत्वपूर्ण कारक जो यूआई डिज़ाइन को अनुकूलित करने में मदद करता है वह दृश्य घटक होगा।

आइए देखें कि क्या एक दृश्य है



एंड्रॉयड लेआउट डिजाइन ट्यूटोरियल: दृश्य

सेवा मेरे राय एक उचित उपयोगकर्ता इंटरफ़ेस के लिए एक बुनियादी बिल्डिंग ब्लॉक के रूप में माना जाता है जो वास्तव में से बनाया गया है वर्ग देखें । यह स्क्रीन पर एक आयताकार क्षेत्र घेरता है और अंततः ड्राइंग और ईवेंट हैंडलिंग का ध्यान रखता है।

एक दृश्य विगेट्स के लिए आधार वर्ग है, जो कि इंटरएक्टिव यूआई घटकों जैसे बटन, टेक्स्ट फ़ील्ड आदि बनाने के लिए उपयोग किया जाता है। अब आयत क्षेत्र या एक बॉक्स के बारे में बात कर रहे हैं, यह या तो एक छवि, पाठ का एक टुकड़ा, एक बटन या हो सकता है। कुछ भी जो एक Android एप्लिकेशन प्रदर्शित कर सकता है। यहां आयत वास्तव में अदृश्य है, लेकिन हर दृश्य एक आयत के आकार को दर्शाता है।

आपके पास एक प्रश्न हो सकता है, इस आयत का आकार क्या हो सकता है?

इसका उत्तर आप सटीक आकार (उचित इकाइयों के साथ) निर्दिष्ट करके या कुछ पूर्वनिर्धारित मूल्यों का उपयोग करके या तो इसे मैन्युअल रूप से सेट कर सकते हैं। ये पूर्वनिर्धारित मूल्य हैं match_parentand wra_content। यह माता - पिता मिलाओ यह दर्शाता है कि यह उपकरण के प्रदर्शन पर उपलब्ध पूर्ण स्थान पर कब्जा कर लेगा। जहाँ तक, लपेटने की सामग्री संदर्भित करता है कि यह अपनी सामग्री को प्रदर्शित करने के लिए केवल उतनी ही जगह पर कब्जा करेगा जितना आवश्यक है।

अब व्यू और व्यूग्रुप के बीच के प्रमुख अंतर को इंगित करें।

राय

  1. राय ऑब्जेक्ट एंड्रॉइड में यूआई तत्वों के मूल बिल्डिंग ब्लॉक हैं।
  2. एक दृश्य एक साधारण आयत बॉक्स है जो उपयोगकर्ता के कार्यों का जवाब देता है।
  3. देखें android.view.View वर्ग को संदर्भित करता है, जो सभी UI कक्षाओं का आधार वर्ग है।
  4. उदाहरण EditText, Button, CheckBox आदि हैं।

व्यूग्रुप

  1. व्यूग्रुप अदृश्य कंटेनर है जो व्यू और व्यूग्रुप रखता है।
  2. ViewGroup के लिए आधार वर्ग है लेआउट
  3. उदाहरण के लिए, LinearLayout ViewGroup है जिसमें बटन (दृश्य), और अन्य लेआउट भी हैं।

अब आगे बढ़ते हैं और जो लेआउट मौजूद हैं उन्हें समझते हैं।

एंड्रॉयड लेआउट डिजाइन ट्यूटोरियल: लेआउट के प्रकार

सेवा मेरे लेआउट अनुप्रयोग में उपयोगकर्ता इंटरफ़ेस के लिए संरचना को परिभाषित करता है। लेआउट में सभी तत्वों का एक पदानुक्रम का उपयोग करके बनाया गया है राय तथा व्यूग्रुप वस्तुएं।

अब आइए देखें कि लेआउट को कैसे घोषित किया जाए।

आप दो तरीकों से एक लेआउट की घोषणा कर सकते हैं:

  • XML में UI तत्वों की घोषणा करें। एंड्रॉइड एक सरल एक्सएमएल शब्दावली प्रदान करता है जो व्यू क्लासेस और उपवर्गों से मेल खाता है, जैसे कि विजेट और लेआउट।

ध्यान दें: आप ड्रैग-एंड-ड्रॉप इंटरफ़ेस का उपयोग करके अपने एक्सएमएल लेआउट को बनाने के लिए एंड्रॉइड स्टूडियो के लेआउट एडिटर का उपयोग कर सकते हैं।

  • पर तत्काल लेआउट तत्वों चलाने का समय । एप्लिकेशन बना सकते हैं राय तथा व्यूग्रुप ऑब्जेक्ट्स और उनके गुणों को प्रोग्रामेटिक रूप से हेरफेर करना।

आइए विभिन्न प्रकार के लेआउट पर चर्चा करें।

एंड्रॉइड में यूआई दृश्य और दृश्यसमूह का एक पदानुक्रम है। व्यूग्रुप्स पदानुक्रम में मध्यवर्ती नोड होंगे, और दृश्य टर्मिनल नोड होंगे।

  • रैखिक लेआउट
  • पूर्ण लेआउट
  • अंतरंग परिस्थिति
  • टेबल लेआउट
  • फ्रेम लेआउट

आइए उन पर विस्तार से चर्चा करें।

रैखिक लेआउट

रेखीय लेआउट का उपयोग प्रत्येक पंक्ति में एक तत्व को रखने के लिए किया जाता है। तो, सभी तत्वों को एक व्यवस्थित शीर्ष-से-नीचे फैशन में रखा जाएगा। यह एंड्रॉइड पर फॉर्म बनाने के लिए एक बहुत व्यापक रूप से उपयोग किया जाने वाला लेआउट है। इसे एक दृश्य समूह के रूप में भी संदर्भित किया जा सकता है जो सभी बच्चों को एक ही दिशा में, लंबवत या क्षैतिज रूप से संरेखित करता है।

पूर्ण लेआउट

निरपेक्ष लेआउट में, आप प्रत्येक नियंत्रण के सटीक निर्देशांक निर्दिष्ट कर सकते हैं जिन्हें आप रखना चाहते हैं। इस तरह के लेआउट में, आप प्रत्येक नियंत्रण के सटीक एक्स और वाई निर्देशांक दे सकते हैं। यह आपको इसके बच्चों के सटीक स्थान को निर्दिष्ट करने में सक्षम बनाता है।

अंतरंग परिस्थिति

एक रिलेटिव लेआउट एक है व्यूग्रुप वह सापेक्ष स्थिति में बच्चे के विचारों को प्रदर्शित करता है। आपअन्य तत्वों के संबंध में या मूल कंटेनर के संबंध में तत्वों की स्थिति निर्दिष्ट कर सकते हैं।

टेबल लेआउट

तालिका लेआउट का उपयोग करके, आप पंक्तियों और स्तंभों के साथ एक तालिका बना सकते हैं और उनके भीतर तत्वों को रख सकते हैं। प्रत्येक पंक्ति में, आप एक या अधिक तत्व निर्दिष्ट कर सकते हैं। आप एक नया टेबल लेआउट बनाने के लिए इस कमांडो का उपयोग कर सकते हैं।

फ्रेम लेआउट

फ़्रेम लेआउट का उपयोग तब किया जाता है जब आप प्रत्येक स्क्रीन पर एक आइटम दिखाना चाहते हैं। फ़्रेम लेआउट का उपयोग करके, आपके पास कई आइटम हो सकते हैं।यह फ़्रेम लेआउट स्क्रीन पर एक प्लेसहोल्डर है जिसका उपयोग आप एकल दृश्य प्रदर्शित करने के लिए कर सकते हैं।

एंड्रॉयड लेआउट डिजाइन ट्यूटोरियल: माप की इकाइयाँ

जब आप एंड्रॉइड यूआई पर एक तत्व के आकार को निर्दिष्ट कर रहे हैं, तो आपको निश्चित रूप से माप की निम्नलिखित इकाइयों को याद रखना चाहिए।

इकाई विवरण
डी.पी. घनत्व स्वतंत्र पिक्सेल। 1dp एक पर एक पिक्सेल के बराबर है 160 डीपीआई स्क्रीन।
सपा स्केल स्वतंत्र पिक्सेल। यह dp से बहुत मिलता-जुलता है, लेकिन यह केवल फ़ॉन्ट आकारों को निर्दिष्ट करने के लिए अनुशंसित है।
पीटी बिंदु। एक बिंदु को एक इंच का 1/72 माना जाता है।
पीएक्स पिक्सेल। स्क्रीन पर वास्तविक पिक्सेल के अनुरूप

अब, इस लेख के अंतिम विषय पर आगे बढ़ते हैं।

एंड्रॉयड लेआउट डिजाइन ट्यूटोरियल: डेमो

इस डेमो सेक्शन में आइए समझते हैं कि लेआउट के साथ कैसे काम करें Android स्टूडियो

का संदर्भ लें to Android Studio

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

डेमो - एंड्रॉइड लेआउट डिज़ाइन ट्यूटोरियल - एडुरका

आप उन घटकों को देख सकते हैं जिन्हें आपने घटक ट्री के तहत चुना है।

आप इन्हें लेआउट में भी पा सकते हैं।

  1. पैलेट : यह उन विचारों और दृश्य समूहों की सूची रखता है जिन्हें आप अपने लेआउट में खींच सकते हैं।
  2. घटक वृक्ष : अपने लेआउट के लिए दृश्य पदानुक्रम के होते हैं।
  3. टूलबार : संपादक में लेआउट उपस्थिति को कॉन्फ़िगर करने और कुछ लेआउट विशेषताओं को बदलने के लिए बटन।
  4. डिज़ाइन संपादक : डिज़ाइन या ब्लूप्रिंट दृश्य में लेआउट, या दोनों। इसे डिज़ाइन स्पेस भी माना जाता है।
  5. गुण : यह चयनित दृश्य की विशेषताओं को नियंत्रित करता है।

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

अब जब आप Android लेआउट डिज़ाइन की मूल बातें समझ गए हैं, तो देखें 250,000 से अधिक संतुष्ट शिक्षार्थियों के एक नेटवर्क के साथ एक विश्वसनीय ऑनलाइन शिक्षण कंपनी, एडुरेका द्वारा, दुनिया भर में फैली हुई है।

एडुर्का का एंड्रॉइड ऐप डेवलपमेंट सर्टिफिकेशन ट्रेनिंग कोर्स उन छात्रों और पेशेवरों के लिए डिज़ाइन किया गया है जो Android डेवलपर बनना चाहते हैं। पाठ्यक्रम आपको जावा प्रोग्रामिंग में एक सिर शुरू करने के लिए डिज़ाइन किया गया है और आपको एक परियोजना के साथ कोर और उन्नत अवधारणाओं के लिए प्रशिक्षित करता है जहां आपको एंड्रॉइड में एक ऐप बनाने की उम्मीद की जाती है।

क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया इस 'Android लेआउट डिजाइन ट्यूटोरियल' ब्लॉग के टिप्पणी अनुभाग में उल्लेख करें और हम जल्द से जल्द आपको वापस कर देंगे।