अपने जन्मदिन कार्ड ऐप्लिकेशन में कोई इमेज जोड़ें

इस कोडलैब में आप ImageView का इस्तेमाल करके, अपने ऐप्लिकेशन में इमेज जोड़ने का तरीका जानेंगे.

ज़रूरी बातें

  • Android Studio में नया ऐप्लिकेशन बनाने और चलाने का तरीका.
  • TextViews को लेआउट एडिटर का इस्तेमाल करके जोड़ने, हटाने, और एट्रिब्यूट सेट करने का तरीका.

आप इन चीज़ों के बारे में जानेंगे

  • अपने Android ऐप्लिकेशन में इमेज या फ़ोटो जोड़ने का तरीका.
  • ImageView का इस्तेमाल करके ऐप्लिकेशन में इमेज दिखाने का तरीका.
  • अपने ऐप्लिकेशन का अनुवाद करने और स्ट्रिंग का फिर से इस्तेमाल करने के लिए, स्ट्रिंग रिसॉर्स में टेक्स्ट निकालने का तरीका.
  • अपने ऐप्लिकेशन को ज़्यादातर लोगों के लिए इस्तेमाल करने लायक बनाने का तरीका.

आप क्या बनाएंगे #39;

  • इमेज जोड़ने के लिए, हैप्पी बर्थडे ऐप्लिकेशन को बढ़ाएं.

आपको इन चीज़ों की ज़रूरत पड़ेगी

  • कंप्यूटर पर Android Studio इंस्टॉल किया गया हो.
  • &कोटेशन से जुड़ा ऐप्लिकेशन और जन्मदिन कार्ड ऐप्लिकेशन बनाएं.
  1. पिछले स्टूडियो से अपना प्रोजेक्ट खोलें. Android Studio में जन्मदिन कार्ड ऐप्लिकेशन बनाएं.
    जब आप ऐप्लिकेशन चलाएंगे, तब उसे ऐसा दिखेगा.

अपने प्रोजेक्ट में इमेज जोड़ें

इस टास्क में, आप इंटरनेट से इमेज डाउनलोड करके, हैप्पी बर्थडे ऐप्लिकेशन में जोड़ेंगे.

  1. अपने जन्म की तारीख के कार्ड की इमेज देखने के लिए, इस वेबसाइट पर जाएं.
  2. दाईं ओर डाउनलोड करें बटन पर क्लिक करें. इससे इमेज अपने-आप दिखती है.
  3. इमेज पर दायां क्लिक करें और फ़ाइल को अपने कंप्यूटर पर androidparty.jpg के तौर पर सेव करें. ध्यान दें कि आपने इसे कहां सेव किया था (उदाहरण के लिए, डाउनलोड फ़ोल्डर).
  4. Android Studio में, मेन्यू में > टूल Windows > संसाधन मैनेजर पर क्लिक करें या प्रोजेक्ट विंडो के बाईं ओर मौजूद संसाधन मैनेजर टैब पर क्लिक करें.
  5. संसाधन मैनेजर के नीचे + पर क्लिक करें और ड्रॉ करने लायक इंपोर्ट करें चुनें. इससे फ़ाइल ब्राउज़र खुलता है.
  6. फ़ाइल ब्राउज़र में वह इमेज फ़ाइल ढूंढें जिसे आपने डाउनलोड किया है और खोलें पर क्लिक करें.
  7. आगे बढ़ें पर क्लिक करें.
    Android Studio में, आपको इमेज की झलक दिखती है.
  8. इंपोर्ट करें पर क्लिक करें.
  9. अगर इमेज इंपोर्ट हो गई है, तो Android Studio उस इमेज को आपकी ड्रॉ करने लायक सूची में जोड़ देता है. इस सूची में आपके ऐप्लिकेशन की सभी इमेज और आइकॉन शामिल हैं. अब आप ऐप्लिकेशन में इस इमेज का इस्तेमाल कर सकते हैं.
  10. प्रोजेक्ट व्यू पर वापस जाने के लिए मेन्यू में > टूल Windows > प्रोजेक्ट पर या सबसे बाईं ओर प्रोजेक्ट टैब पर क्लिक करें.
  11. app > res > Drawable को बड़ा करके, पुष्टि करें कि इमेज आपके ऐप्लिकेशन के ड्रॉ करने लायक फ़ोल्डर में है.

अपने ऐप्लिकेशन में कोई इमेज दिखाने के लिए, आपको उस जगह की जानकारी दिखानी होगी. जिस तरह टेक्स्ट दिखाने के लिए TextView का इस्तेमाल किया जाता है, ठीक उसी तरह इमेज दिखाने के लिए ImageView का इस्तेमाल किया जा सकता है.

इस टास्क में, आप ImageView को अपने ऐप्लिकेशन में जोड़ेंगे. साथ ही, आपकी इमेज को डाउनलोड की गई केक इमेज पर सेट करेंगे. इसके बाद, आप इसे स्क्रीन पर रखें और साइज़ को अडजस्ट करें.

ImageView जोड़ना और इमेज सेट करना

  1. Project विंडो में activity_main.xml खोलें ( app > res > layout > activity_main.xml ).
  1. लेआउट एडिटर में पैलेट पर जाएं और ImageView को अपने ऐप्लिकेशन में खींचें और बीच में छोड़ें. साथ ही,किसी भी टेक्स्ट को ओवरलैप न करें

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

  1. कोई संसाधन चुनें डायलॉग में, ड्रॉ करने लायक सूची में केक की इमेज ढूंढें.
  2. इमेज पर क्लिक करें और फिर ठीक है पर क्लिक करें.

इससे इमेज आपके ऐप्लिकेशन में जुड़ जाती है, लेकिन शायद यह सही जगह पर नहीं है और यह #39 स्क्रीन पर नहीं दिखती. आप इसे अगले चरण में ठीक कर सकते हैं.

ImageView की जगह और साइज़

  1. लेआउट एडिटर में ImageView पर क्लिक करें और उसे खींचकर छोड़ें. साथ ही, ध्यान रखें कि डिज़ाइन व्यू में ऐप्लिकेशन की स्क्रीन के आस-पास गुलाबी आयत दिखता है. गुलाबी आयत ImageView की जगह तय करने के लिए, स्क्रीन की सीमाओं की जानकारी देता है.
  2. ImageView को छोड़ें, ताकि बाएं और दाएं किनारे, गुलाबी रंग के आयत के मुताबिक हों. Android Studio, इमेज को किनारों पर ले जाता है. (आप थोड़ी देर में ऊपर और नीचे देख सकते हैं.)

Views ConstraintLayout में हॉरिज़ॉन्टल और वर्टिकल कंस्ट्रेंट होना ज़रूरी है, ताकि ConstraintLayout को सही जगह पर रखा जा सके. आप उन्हें अगले में जोड़ देंगे.

  1. पॉइंटर को ImageView की आउटलाइन के ऊपर बने सर्कल पर रखें और दूसरे सर्कल के साथ हाइलाइट करें.
  2. सर्कल को ऐप्लिकेशन स्क्रीन के सबसे ऊपर खींचें और छोड़ें. इससे, आप सर्कल को खींचकर अपने पॉइंटर से खींचें और छोड़ें. तब तक खींचें, जब तक कि स्क्रीन पर सबसे ऊपर न दिखे. आपने #39;ImageView के ऊपरी हिस्से से ConstraintLayout के ऊपर एक कंस्ट्रेंट जोड़ा है.

  3. ImageView के निचले हिस्से से ConstraintLayout के निचले हिस्से तक एक कंस्ट्रेंट जोड़ें.


  1. एट्रिब्यूट पैनल में, कंस्ट्रेंट विजेट का इस्तेमाल करके, बाईं ओर और दाईं ओर मार्जिन का 0 जोड़ें. इससे उस दिशा में अपने-आप एक कंस्ट्रेंट बन जाता है.


इमेज अब सेंटर में है, लेकिन यह पूरी तरह स्क्रीन पर नहीं दिख रही है. आप इसे अगले चरण में ठीक कर सकते हैं.

  1. कंस्ट्रेंट विजेट सेक्शन में कंस्ट्रेंट विजेट के नीचे, layout_width को 0dp (मैच कंस्ट्रेंट) पर सेट करें.
    0dp की मदद से Android Studio को ImageView की चौड़ाई के लिए मैच कंस्ट्रेंट का इस्तेमाल करने का निर्देश दिया जाता है. &कोटेशन मैच करें... का मतलब है... आपने अभी-अभी जो कंस्ट्रेंट जोड़े हैं उनकी वजह से यह उतना ही चौड़ा हो जाता है जो ConstraintLayout मार्जिन के बराबर है.
  2. layout_height को 0dp (मैच कंस्ट्रेंट) पर सेट करें.
    आपके जोड़े गए कंस्ट्रेंट की वजह से, यह ImageView को ConstraintLayout के बराबर जितना लंबा बना देता है.
  3. ImageView की चौड़ाई, ऐप्लिकेशन स्क्रीन की लंबाई के बराबर है, लेकिन फ़ोटो ImageView के अंदर है. साथ ही, फ़ोटो के ऊपर और नीचे खाली सफ़ेद जगह है. यह बहुत आकर्षक नहीं दिखता है. इसलिए, आपको ImageView के स्केल टाइप में बदलाव करना होगा. इमेज में इमेज के साइज़ और अलाइन करने का तरीका बताया गया होगा. डेवलपर संदर्भ गाइड में ScaleType के बारे में और पढ़ें. अब आपका ऐप्लिकेशन नीचे दिखाए गए तरीके से दिखना चाहिए.
  4. ScaleType एट्रिब्यूट खोजें. आपको इस एट्रिब्यूट को खोजने के लिए, नीचे की ओर स्क्रोल करना पड़ सकता है. ScaleType के लिए अलग-अलग वैल्यू सेट करके देखें कि वे क्या करते हैं.
  1. जब आप #39;हो जाए, तब ScaleType को centerCrop पर सेट करें, क्योंकि यह इमेज के डिस्टॉर्शन के बिना स्क्रीन को भर देता है.

केक इमेज में अब पूरी स्क्रीन आनी चाहिए, जैसा कि नीचे दिखाया गया है.

हालाँकि, अब आप जन्मदिन की शुभकामना और हस्ताक्षर नहीं देख सकते. आप इसे अगले चरण में ठीक कर सकते हैं.

इमेज व्यू को टेक्स्ट के पीछे ले जाएं

ImageView को स्क्रीन पर भरने के बाद, आप टेक्स्ट नहीं देख पाएंगे. ऐसा इसलिए, क्योंकि इमेज अब टेक्स्ट को ढक देती है. यह पता चलता है कि आपके यूज़र इंटरफ़ेस (यूआई) एलिमेंट का क्रम मायने रखता है. आपने पहले TextViews को जोड़ा है. इसके बाद, आपने ImageView जोड़ा. इसका मतलब है कि वह सबसे ऊपर है. जब आप किसी लेआउट में व्यू जोड़ते हैं, तो उन्हें व्यू की सूची के आखिर में जोड़ा जाता है. साथ ही, वे उसी क्रम में बनाए जाते हैं जिस क्रम में वे सूची में होते हैं. ImageView को ConstraintLayout में Views की सूची के आखिर में जोड़ा गया. इसका मतलब है कि इसे आखिरी बार ड्रॉ किया गया और TextViews पर ड्रॉ किया गया. इसे ठीक करने के लिए, आप व्यू का क्रम बदलेंगे और ImageView को सूची की शुरुआत में ले जाएंगे, ताकि यह पहले बनाए जा सके.

  1. कॉम्पोनेंट ट्री में, ImageView पर क्लिक करें. इसके बाद, उसे ConstraintLayout के ठीक नीचे TextViews तक खींचें और छोड़ें. त्रिकोण के साथ एक नीली लाइन दिखाई देती है जहां ImageView जाएगा. ImageView ConstraintLayout

    के नीचे छोड़ें

अब ImageView ConstraintLayout के नीचे वाली सूची में सबसे पहले होना चाहिए और इसके बाद TextViews होना चाहिए. & &quot हैप्पी जन्मदिन, सैम!&कोटेशन; और &कोट्स; एममा.&कोटेशन; से अब टेक्स्ट दिखाई देना चाहिए, लेकिन &कोटेशन, हैप्पी बर्थडे, सैम!&कोटेशन; पढ़ने में मुश्किल हो सकती है क्योंकि यह &गहरे रंग वाले बैकग्राउंड पर गहरे रंग वाला टेक्स्ट है. (अभी कॉन्टेंट न मिलने की चेतावनी को अनदेखा करें.)

टेक्स्ट का रंग बदलना

आपके स्वागत मैसेज और हस्ताक्षर की इमेज अब फ़ोटो के सामने है. हालांकि, आपके चुने गए टेक्स्ट के रंग के आधार पर, इनको अब भी देखना मुश्किल हो सकता है. इस चरण में आप टेक्स्ट को रंगीन बना देंगे, ताकि यह रंगीन इमेज के साथ बेहतर तरीके से दिखे.

  1. कॉम्पोनेंट ट्री में क्लिक करके पहले TextView पर क्लिक करें.
  2. एट्रिब्यूट में, textColor एट्रिब्यूट पर क्लिक करें और सफ़ेद टाइप करना शुरू करें.
    ध्यान दें कि टाइप करते समय, Android Studio उन रंगों की सूची दिखाता है जिनमें शामिल टेक्स्ट आपने अभी तक टाइप किया है.
  3. रंगों की सूची में से @android:color/सफ़ेद चुनें और Enter दबाएं. Android कई रंगों के बारे में बताता है, ताकि आप अपने ऐप्लिकेशन के अलग-अलग हिस्सों में उनका लगातार इस्तेमाल कर सकें.
  4. अन्य TextView के लिए भी ऐसा ही करें.
  5. अपना ऐप्लिकेशन चलाएं और देखें कि टेक्स्ट अब पढ़ना आसान है.

बधाई हो! आपने अपने Android ऐप्लिकेशन में एक इमेज जोड़ी है और आपका टेक्स्ट बहुत बढ़िया है!!

जब आपने पिछले कोडलैब में TextViews को जोड़ा था, तो Android Studio ने चेतावनी वाले त्रिभुजों के साथ उन्हें फ़्लैग किया था. इस चरण में, आप #39; उन चेतावनियों को ठीक करेंगे और ImageView पर चेतावनी को भी ठीक करेंगे.

अनुवाद किया जा रहा है

जब आप ऐप्लिकेशन लिखते हैं, तो यह याद रखना ज़रूरी होता है कि कभी-कभी उनका अनुवाद किसी दूसरी भाषा में भी किया जा सकता है. जैसा कि आपने पहले कोडलैब में सीखा था, स्ट्रिंग, & वर्णों का क्रम है, जैसे कि &कोटेशन की शुभकामनाएं, सैम!&कोटेशन.

हार्डकोड की गई स्ट्रिंग वह होती है जिसे सीधे आपके ऐप्लिकेशन के कोड में लिखा जाता है. हार्डकोड की गई स्ट्रिंग, आपके ऐप्लिकेशन का अन्य भाषाओं में अनुवाद करना ज़्यादा मुश्किल बनाती हैं. साथ ही, आपके ऐप्लिकेशन में अलग-अलग जगहों पर स्ट्रिंग का फिर से इस्तेमाल करना मुश्किल बनाती हैं. &स्ट्रिंग का इस्तेमाल करके किसी संसाधन फ़ाइल में&एक्सट्रैक्ट करके; उन समस्याओं से निपट सकते हैं. इसका मतलब है कि आपके कोड में स्ट्रिंग को हार्डकोड करने के बजाय, आप स्ट्रिंग को फ़ाइल में रखते हैं, उसे एक नाम देते हैं, और फिर इस स्ट्रिंग का इस्तेमाल करने के लिए किसी भी नाम का इस्तेमाल करते हैं. स्ट्रिंग बदलने या किसी दूसरी भाषा में अनुवाद करने पर भी, यह नाम वही रहेगा.

  1. पहले कोटेशन के बगल में बने नारंगी रंग के त्रिभुज पर क्लिक करें. इस तस्वीर में " &जन्मदिन" की शुभकामनाएं, सैम!&kot;
    Android Studio ज़्यादा जानकारी और सुझाए गए सुधार के साथ एक विंडो खोलता है. सुझाए गए बदलाव देखने के लिए, आपको नीचे स्क्रोल करना पड़ सकता है.
    हार्डकोड स्ट्रिंग \
  2. ठीक करें बटन पर क्लिक करें.
    Android Studio, संसाधन निकालें डायलॉग खोलता है. इस डायलॉग बॉक्स में, आप स्ट्रिंग स्ट्रिंग के नाम को पसंद के मुताबिक बना सकते हैं. साथ ही, इसे सेव करने के तरीके के बारे में भी जानकारी पा सकते हैं. स्ट्रिंग को संसाधन नाम कहा जाएगा. संसाधन का मान, असल स्ट्रिंग होगी.
  3. संसाधन संसाधन डायलॉग में, संसाधन का नाम को Happy_जन्मदिन_टेक्स्ट में बदलें. स्ट्रिंग रिसॉर्स के अंग्रेज़ी के छोटे नाम होने चाहिए. साथ ही, कई शब्दों को अंडरस्कोर से अलग करना चाहिए. डिफ़ॉल्ट सेटिंग का इस्तेमाल करते हुए, दूसरी सेटिंग छोड़ें.
  4. ठीक है बटन पर क्लिक करें.
  5. एट्रिब्यूट पैनल में, text एट्रिब्यूट ढूंढें और ध्यान दें कि Android Studio ने इसे आपके लिए, @string/joy_जन्मदिन_text पर अपने-आप सेट कर दिया है.
  6. strings.xml खोलें (app > res > values > strings.xml) और ध्यान दें कि Android Studio ने Happy_जन्मदिन_text नाम का एक स्ट्रिंग रिसॉर्स बनाया है.
<resources>
    <string name="app_name">Happy Birthday</string>
    <string name="happy_birthday_text">Happy Birthday, Sam!</string>
</resources>

strings.xml फ़ाइल में उन स्ट्रिंग की सूची होती है जिन्हें उपयोगकर्ता को आपके ऐप्लिकेशन में दिखेगा. ध्यान दें कि आपके ऐप्लिकेशन का नाम भी एक स्ट्रिंग रिसॉर्स है. सभी स्ट्रिंग को एक ही जगह पर रखने से, आपके ऐप्लिकेशन के सभी टेक्स्ट का आसानी से अनुवाद किया जा सकता है. साथ ही, आपके ऐप्लिकेशन के अलग-अलग हिस्सों में स्ट्रिंग का फिर से इस्तेमाल किया जा सकता है.

  1. हस्ताक्षर के लिए टेक्स्ट निकालने के लिए TextView, और स्ट्रिंग संसाधन को signature_text नाम दें. यही तरीका अपनाएं.

आपकी तैयार की गई फ़ाइल ऐसी दिखेगी:

<resources>
    <string name="app_name">Happy Birthday</string>
    <string name="happy_birthday_text">Happy Birthday, Sam!</string>
    <string name="signature_text">From Emma.</string>
</resources>

सुलभता के लिए अपना ऐप्लिकेशन देखना

सुलभता से जुड़ी अच्छी कोडिंग प्रक्रियाओं का पालन करने से, आपके सभी उपयोगकर्ता दिव्यांग उपयोगकर्ताओं के साथ आपके ऐप्लिकेशन पर आसानी से नेविगेट कर सकते हैं.

Android Studio, आपके ऐप्लिकेशन को ज़्यादा सुलभ बनाने में मदद करने के लिए संकेत और चेतावनियां देता है.

  1. कॉम्पोनेंट ट्री में, ImageView के बगल में मौजूद नारंगी रंग के त्रिभुज पर ध्यान दें, जिसे आपने पहले जोड़ा था. कर्सर को कर्सर पर कर्सर घुमाने पर, आपको #39;इमेज के बारे में चेतावनी वाला एक मैसेज दिखेगा. इसमें इमेज के लिए, 'contentDescription' एट्रिब्यूट मौजूद होगा. कॉन्टेंट की जानकारी, यूज़र इंटरफ़ेस (यूआई) एलिमेंट का मकसद तय करके, आपके ऐप्लिकेशन को टॉकबैक के साथ ज़्यादा इस्तेमाल करने लायक बना सकती है.


हालांकि, इस ऐप्लिकेशन की इमेज सिर्फ़ सजावट के लिए है. अगर उपयोगकर्ता इस पर टैप करता है और सुलभता के लिए इसका कोई खास मतलब नहीं है, तो यह कुछ भी नहीं करेगा. कॉन्टेंट की जानकारी सेट करने के बजाय, आप ImageView को ImageView के तौर पर मार्क करेंगे, ताकि सिस्टम को पता चल सके कि यह सुलभता के लिए #33 नहीं है. इससे, स्क्रीन रीडर को पता चलता है कि उसे इस पर पढ़ना बाकी है.

  1. कॉम्पोनेंट ट्री में जाकर, ImageView चुनें.
  2. एट्रिब्यूट विंडो में, सभी एट्रिब्यूट सेक्शन में, importantForAccessibility ढूंढें और इसे no पर सेट करें.

ImageView के आगे नारंगी त्रिभुज गायब हो जाता है.

  1. यह पक्का करने के लिए कि यह अब भी काम कर रहा है, अपना ऐप्लिकेशन फिर से चलाएं.

बधाई हो! आपने अपने हैप्पी बर्थडे ऐप्लिकेशन में एक इमेज जोड़ी है और सुलभता से जुड़े दिशा-निर्देशों का पालन किया है. साथ ही, इससे दूसरी भाषाओं में अनुवाद करना भी आसान हो गया है!

हैप्पी बर्थडे ऐप्लिकेशन के लिए, सॉल्यूशन कोड को GitHub पर अपलोड कर दिया गया है. अगर आपको यह कोड देखना है, तो इस कोड को आखिर में देखा जा सकता है.

GitHub एक सेवा है, जिसकी मदद से डेवलपर अपने सॉफ़्टवेयर प्रोजेक्ट के लिए कोड मैनेज कर सकते हैं. यह Git नाम का सिस्टम इस्तेमाल करता है, जो कोड के हर वर्शन के लिए किए गए बदलावों का ट्रैक रखता है. अगर आपने कभी किसी Google दस्तावेज़ का वर्शन इतिहास देखा है, तो आप देख सकते हैं कि दस्तावेज़ पर पहले कभी कब और क्या बदलाव किए गए थे. इसी तरह, किसी प्रोजेक्ट में कोड का वर्शन इतिहास ट्रैक किया जा सकता है. अगर आप किसी प्रोजेक्ट पर निजी तौर पर या टीम के साथ काम कर रहे हैं, तो यह तरीका काफ़ी मददगार साबित होता है.

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

इस कोडलैब का कोड पाने और इसे Android Studio में खोलने के लिए, ये काम करें.

कोड पाएं

  1. सॉल्यूशन कोड के यूआरएल पर क्लिक करें. इससे ब्राउज़र में, GitHub पेज खुल जाता है.
  2. प्रोजेक्ट के GitHub पेज पर, क्लोन या डाउनलोड करें बटन पर क्लिक करें. इससे क्लोन डायलॉग दिखता है.

  1. डायलॉग बॉक्स में, प्रोजेक्ट को अपने कंप्यूटर पर सेव करने के लिए ज़िप डाउनलोड करें बटन पर क्लिक करें. डाउनलोड पूरा होने का इंतज़ार करें.
  2. अपने कंप्यूटर पर फ़ाइल ढूंढें (शायद यह डाउनलोड फ़ोल्डर में हो).
  3. ZIP फ़ाइल को अनपैक करने के लिए उस पर दो बार क्लिक करें. इससे एक नया फ़ोल्डर बन जाता है जिसमें प्रोजेक्ट फ़ाइलें होती हैं.

प्रोजेक्ट को Android Studio में खोलना

  1. Android Studio शुरू करें.
  2. Android Studio में आपका स्वागत है विंडो में, मौजूदा Android Studio प्रोजेक्ट खोलें पर क्लिक करें.

ध्यान दें: अगर Android Studio पहले से खुला हुआ है, तो फ़ाइल > नया > प्रोजेक्ट इंपोर्ट करें मेन्यू का विकल्प चुनें.

  1. प्रोजेक्ट इंपोर्ट करें डायलॉग में, उस जगह पर जाएं जहां अनज़िप किया गया प्रोजेक्ट फ़ोल्डर मौजूद है (शायद आपके डाउनलोड फ़ोल्डर में).
  2. उस प्रोजेक्ट फ़ोल्डर पर दो बार क्लिक करें.
  3. Android Studio में प्रोजेक्ट खुलने का इंतज़ार करें.
  4. ऐप्लिकेशन बनाने और चलाने के लिए, चलाएं बटन पर क्लिक करें. पक्का करें कि यह उम्मीद के मुताबिक काम करता हो.
  5. ऐप्लिकेशन लागू करने का तरीका देखने के लिए, प्रोजेक्ट टूल विंडो में प्रोजेक्ट फ़ाइलें ब्राउज़ करें.
  • Android Studio में संसाधन मैनेजर की मदद से, आप अपनी इमेज और दूसरे संसाधन जोड़ सकते हैं और उन्हें व्यवस्थित कर सकते हैं.
  • ImageView, आपके ऐप्लिकेशन में इमेज दिखाने के लिए एक यूज़र इंटरफ़ेस (यूआई) एलिमेंट है.
  • ImageViews में कॉन्टेंट की जानकारी होनी चाहिए, ताकि आपके ऐप्लिकेशन को ज़्यादा सुलभ बनाया जा सके.
  • उपयोगकर्ता को दिखाया जाने वाला टेक्स्ट, जैसे कि जन्मदिन की शुभकामनाओं वाले टेक्स्ट को स्ट्रिंग के संसाधन में ले जाना चाहिए, ताकि आपके ऐप्लिकेशन का अन्य भाषाओं में आसानी से अनुवाद किया जा सके.

ये करें:

  1. अपने डिज़ाइन के आधार पर अपना जन्मदिन कार्ड ऐप्लिकेशन बनाएं.
  2. इस बारे में सोचें कि Views को किन चीज़ों की ज़रूरत होगी.
  3. उन्हें किस क्रम में जोड़ना सबसे आसान होगा?
  4. आपको ड्रॉ करने लायक फ़ोल्डर में कौनसी इमेज जोड़नी हैं?

आम तौर पर Android ऐप्लिकेशन, JPEG फ़ाइलों, और PNG फ़ाइलों के लिए दो तरह की बिट मैप इमेज का इस्तेमाल किया जाता है. PNG फ़ाइलों में पारदर्शी (खाली) इलाके हो सकते हैं. डेवलपर के लिए जानकारी में जाकर, इमेज फ़ॉर्मैट के बारे में ज़्यादा जानें.

  1. कंस्ट्रेंट और मार्जिन के साथ पहले Views को पोज़िशन करना न भूलें, फिर उन्हें स्टाइल दें.
  2. कुछ इमेज पर टेक्स्ट अलग दिखे, इसके लिए प्रयोग के तौर पर शैडोकलर, शैडोडीएक्स, शैडोडी और शैडो रेडियस आज़माएं.

अपने काम की जांच करें:

आपका पूरा हो चुका ऐप्लिकेशन बिना किसी गड़बड़ी के चालू होना चाहिए और वह जन्मदिन कार्ड होना चाहिए जिसे आपने डिज़ाइन किया है.