एंड्रॉइड ऐप पार्ट 1: फ्रैगमेंट / कोटलिन का उपयोग करके स्पलैश स्क्रीन: 5 कदम

2024 लेखक: John Day | [email protected]. अंतिम बार संशोधित: 2024-01-30 09:19

फिर से हैलो, संभवतः आपके पास COVID19 के कारण घर पर कुछ "खाली" समय है और आप उन विषयों की जांच करने के लिए वापस जा सकते हैं जिन्हें आप अतीत में सीखना चाहते थे।

एंड्रॉइड ऐप डेवलपमेंट निश्चित रूप से मेरे लिए उनमें से एक है और मैंने कुछ हफ्ते पहले दूसरा प्रयास करने का फैसला किया।

कोटलिन में प्रोग्रामिंग निश्चित रूप से कोडिंग के प्रयास को कम करती है और काफी कम समय में परिणाम प्राप्त करने में मदद करती है। यह वास्तव में महान है!

इस ट्यूटोरियल श्रृंखला में, मैं समझाऊंगा कि टेनिस स्कोर ट्रैकर कैसे विकसित किया जाए। इस ऐप का उपयोग तब किया जा सकता है जब आप दोस्तों और/या परिवार के साथ खेलते हैं (आप अपने बच्चे को टैबलेट दे सकते हैं और उसे व्यस्त रख सकते हैं:))। यह ऐप निम्नलिखित कोटलिन काउंटर उदाहरण पर आधारित है।

ट्यूटोरियल में निम्नलिखित भाग हैं:

भाग 1: टुकड़ों का उपयोग करके स्प्लैश स्क्रीन (अब हम यहां हैं)

भाग 2: मिलान विन्यास - गुण

भाग 3: मैच स्कोर ट्रैकर

मुख्य विचार ऐप को 3 अलग-अलग स्क्रीन में विभाजित करना है, उनमें से प्रत्येक अगले एक को कॉल करेगा, एक बार पूरा हो जाने पर या जब उपयोगकर्ता संबंधित बटन दबाता है।

इस पहले भाग में, मैं समझाऊंगा कि इंट्रो स्क्रीन कैसे बनाई जाती है -> ऊपर वीडियो देखें।

आपूर्ति

इस भाग में प्रयुक्त Android सुविधाएँ:

• टुकड़े टुकड़े
• एनीमेशन
• कंपन
• मीडिया प्लेयर
• श्रोताओं

आवश्यक उपकरण:

• एंड्रॉइड स्टूडियो
• कोटलिन 1.3.61
• एपीआई स्तर 28

आवश्यक संपत्ति

एक बीप ध्वनि फ़ाइल

चरण 1: उपयोगकर्ता अनुभव डिजाइन

आइए हमारी इंट्रो स्क्रीन की विशेषताओं के बारे में बताते हैं।

1. हम सफेद रंग में एक पूर्ण स्क्रीन रखना चाहते हैं
2. हम चाहते हैं कि स्क्रीन हमेशा लैंडस्केप मोड में रहे
3. हम अपने लोगो-पाठ का रंग ग्रे में चाहते हैं
4. हम चाहते हैं कि हमारी गेंद का रंग हरे रंग में हो
5. हम चाहते हैं कि हमारा लोगो-पाठ फीका हो जाए
6. हम चाहते हैं कि एक टेनिस बॉल स्क्रीन पर घूमे (बाउंसिंग बॉल)
7. जब भी गेंद किसी सतह को छूती है, हम हर बार ध्वनि बजाना चाहते हैं
8. ध्वनि बजने पर हम फ़ोन कंपन को ट्रिगर करना चाहते हैं
9. हम चाहते हैं कि परिचय अवधि 4s से कम हो।

चरण 2: टुकड़ा प्रबंधक और 3 स्क्रीन

आइए हमारे ऐप के मुख्य विचार को याद करें, हम 3 स्क्रीन (परिचय, गुण और मैच स्कोर) चाहते हैं। इसके लिए हम Fragments का उपयोग करने जा रहे हैं। इसलिए हमें प्रत्येक स्क्रीन के लिए उनमें से 3 की आवश्यकता है। पहले कोड स्निपेट का संदर्भ लें।

दूसरे में, हम पा सकते हैं कि हम अपना पहला टुकड़ा कैसे कहते हैं। स्पलैश टुकड़ा वह है जिसका उपयोग हमारे परिचय के लिए किया जाना है।

चरण 3: ऐप और इंट्रो स्क्रीन लेआउट

• स्क्रीन की स्थिति को ठीक करने और फोन के किसी भी घुमाव को अनदेखा करने के लिए, हमें AndroidManifest.xml में निम्नलिखित कोड चित्र 1 जोड़ना होगा।
• सभी स्क्रीन से एक्शन बार को हटाने के लिए, हमें स्टाइल में निम्नलिखित कोड चित्र 2 जोड़ना होगा
• सभी स्क्रीन में पूर्ण स्क्रीन को पुश करने के लिए, हमें कुछ झंडे सेट करने की आवश्यकता है जैसा कि चित्र 3 में 2 अलग-अलग तरीकों से है। ऑनक्रेट() और ऑनविंडोफोकस चेंज किया गया।

चरण 4: लोगो और बॉल सिलेस को परिभाषित करना

• हमने अपने टेक्स्ट से पहले ग्रे के रूप में परिभाषित किया है, यह Styles.xml फ़ाइल के अंतर्गत किया जाता है। तस्वीर 1 का संदर्भ लें।
• हमने यह भी परिभाषित किया कि गेंद हरे रंग की टोन में होनी चाहिए। इसके लिए, हम ड्रॉएबल फोल्डर के तहत ball.xml बनाते हैं। तस्वीर 2. की जाँच करें

चरण 5: एनिमेशन विवरण

मैं यहां एनिमेशन के लॉजिक और सीक्वेंस के बारे में बताऊंगा। मुझे लगता है कि यहां कोड स्निपेट जोड़ने का कोई मतलब नहीं है, बेहतर होगा कि आप स्वयं कोड को देखें।

एनीमेशन का विचार इस प्रकार है:

• टुकड़ा बनने के बाद, टेक्स्ट लोगो बनाया और शुरू किया गया
• एक बार टेक्स्ट लोगो एनीमेशन पूरा हो जाने के बाद, टेनिस बॉल पहली परवलयिक चाल को लागू किया जाता है
• एक बार पहली परवलयिक गति पूरी होने के बाद, एक ध्वनि बजती है और फोन कंपन करता है..और अगला परवलयिक आंदोलन शुरू होता है
• एक बार जब अंतिम परवलयिक आंदोलन पूरा हो जाता है और ध्वनि / कंपन निष्पादित हो जाता है तो हम अपनी दूसरी स्क्रीन पर कॉल करने के लिए बिंदु पर पहुंच जाते हैं।

टिप्पणी: मैंने एनिमेशन के लिए एक अमूर्त वर्ग नहीं बनाया, क्योंकि मैं कोड को सपाट रखना चाहता था … कम से कम मेरे लिए अनुसरण करना आसान:)

मैं अगले दिनों में श्रृंखला का दूसरा भाग पोस्ट करूंगा, अगर आपको यह भाग पसंद आया तो मुझे फॉलो करें और यदि नहीं, तो मुझे आपकी प्रतिक्रिया प्राप्त करने में खुशी होगी।