Android Studio Tutorial First App

Android Studio Tutorial First App – अभी तक हमने पिछले Chapters में जितनी भी बातों को Discuss किया, उनकी जरूरत इस Chapter में Create किए जाने वाले पहले Andorid App को Create करने हेतु ही थीं, ताकि आप बेहतर तरीके से समझ सकें कि Create होने वाले Android App का कौनसा हिस्‍सा क्‍या, क्‍यों और कैसे काम कर रहा है।

हम यहां ये मान कर चल रहे हैं कि दूसरे Chapter में Discussed Android Development Environment तरीकों का प्रयोग करते हुए अपने अपने Local Computer System पर Android Development के लिए जरूरी सभी Setups कर लिए हैं और हम अपना पहला Android App Develop करने के लिए पूरी तरह से तैयार हैं।

तो चलिए, हम सबसे पहले Android Studio का प्रयोग करते हुए एक Blank Activity वाला Android App Create करते हैं, जिसमें View Part को Include नहीं किया गया है क्‍योंकि इस Example में हमें View से सम्‍बंधित कामों को Codes द्वारा Perform करेंगे और इस प्रकार का Android App Create करने के लिए हम निम्‍नानुसार Steps Follow कर सकते हैं:

सबसे पहले “Start a new Android Studio project” Option पर Click करते हैं-

परिणामस्‍वरूप हमें निम्‍नानुसार Dialog Box दिखाई देता है जिस पर हमें अपने Android App के Name, Company Domain, Newly Create होने वाले Package का नाम व Package की Location को Specify करके Next Button पर Click करना होता है।

जैसे ही हम Next Button पर Click करते हैं, हमारे सामने निम्‍न चित्रानुसार अगला Screen Display होता है, जहां हमें हमारे Develop किए जाने वाले Android App के Target Device व API Level को Select करना होता है:

Target Device व API Level Select करने के बाद जैसे ही हम Next Button पर Click करते हैं, हमारे सामने अगला Screen Display होता है, जहां Create किए जा सकने वाले विभिन्‍न प्रकार के Android Apps के Templates दिखाई देते हैं, जहां हम हमारी जरूरत के अनुसार किसी Specific प्रकार के Android App Template को Select कर सकते हैं और इस Screen पर हम चाहे जिस किसी भी प्रकार का Android App Template Select करें, Create होने वाले Android App Directory Structure में हम हमारी जरूरत के अनुसार किसी भी नई File/Directory को Add कर सकते हैं।

चूंकि हमें एक Empty Activity वाला Android App Create करना है, इसलिए हमने इस Screen पर Empty Activity Option को Select करके Next Button पर Click किया है।

परिणामस्‍वरूप हमारे सामने निम्‍नानुसार अगला Screen Display होता है, जहां Default रूप से “Generate Layout File” Checkbox Checked रहता है। चूंकि हम चाहते हैं हमारे Android App के लिए Layout File Generate न हो, इसलिए हमने इस Checkbox को Uncheck कर दिया है।

इस Screen पर दिखाई देने वाले Finish Button को Click करते ही हमारा Android App Create होने लगता है और निम्‍नानुसार “Creating project…” Screen दिखाई देता है:

जब हमारे Android App से सम्‍बंधित Auto-Generated Files व Directories का सम्‍पूर्ण Directory Structure पूरी तरह से Create हो जाता है, तब हमें हमारा Android App, Android Studio में निम्‍न चित्रानुसार दिखाई देने लगता है:

हम चाहे जिस किसी भी Template को Use करते हुए अपना Android App Create करें, हमें एक सम्‍पूर्ण Android App प्राप्‍त होता है जिसे Run => Run ‘app’ Menu Option को Click करते हुए अथवा Shift+F10 Shortcode के माध्‍यम से Run कर सकते हैं।

हम जब भी कभी कोई नया Android App Project अथवा नया Activity Create करते हैं, तो Create होने वाली प्रत्‍येक Activity से सम्‍बंधित दो Files Create होती है। पहली File एक Layout File होती है जहां XML Codes के माध्‍यम से App के Screen पर दिखाई देने वाले Visual Part को Define किया जाता है, जबकि दूसरी File एक Java Class File होती है, जिसमें उस Visual Part को Control करने से सम्‍बंधित Java Codes लिखे जाते हैं।

उपरोक्‍त चित्र में दिखाई देने वाली Java File हमारे Android App के लिए Create होने वाली Main Activity की Java Class File है, जो कि हमारे Android App के /app/java/com.bccfalna.myapp/ Location पर स्थित है, जबकि इस Java Class File से Associated XML Layout File अगले चित्रानुसार /app/res/layout/ Location पर स्थित है।

जिसमें Design Mode में दिखाई देने वाला GUI Design Part वास्‍तव में हमारे Android Device की Screen को Represent कर रहा है जहां GUI Controls Section से हम हमारी जरूरत के अनुसार जो चाहें वो Control Drag करके GUI Design Part पर Drop कर सकते हैं और बिना एक भी Line का XML Code लिखे हुए भी हम हमारे Android App के Frontend Screen को Design कर सकते हैं।

साथ ही हम जिस किसी भी Control को Drag करके GUI Design Part में Drop करते हैं, उस Control को Select करके उसकी विभिन्‍न प्रकार की Properties को Properties Window के माध्‍यम से Set कर सकते हैं।

इस Design Mode में हम हमारे Android App की Screen को जैसे-जैसे Visually Design करते जाते हैं, Design से सम्‍बंधित XML Codes Background में Automatically Generate होते रहते हैं, जिन्‍हें हम निम्‍न चित्रानुसार Text Mode को Select करके देख सकते हैं:

इस Text Mode की सबसे बड़ी विशेषता ये है कि हम हमारे Android App की Screen के Output का Preview भी देख सकते हैं। यानी हम ये भी जान सकते हैं कि हमारा App Run होते समय Android Device की Screen पर किस तरह से दिखाई देगा।

चूंकि Automatically Create होने वाला ये Android App पूरी तरह से Complete App होता है, इसलिए हम इसे Shift+F10 Key Combination द्वारा Run भी कर सकते हैं, जिसके परिणामस्‍वरूप हमारे सामने निम्‍नानुसार Output Display होता है:

चूंकि ये Android App अपने आप में एक Complete App है इसलिए हम समझ सकते हैं कि इस Android App के लिए जितने Resources व Codes Automatically Generate हुए हैं, कम से कम उन सभी की जरूरत किसी भी Android App को Compulsory रूप से होती ही है और यदि हम इस Android App के विभिन्‍न Components व Android App में उनके Role को ठीक से समझ लें, तो किसी भी Android App को Develop करने से सम्‍बंधित लगभग सभी Fundamentally जरूरी बातें पूरी तरह से Clear हो जाऐंगी।