आईओएस विकास के लिए शुरुआती गाइड इंटरफ़ेस - भाग I

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

अच्छी खबर यह है, iPhone अनुप्रयोग विकास उतना कठिन नहीं है जितना आप सोच सकते हैं, और यह पोस्ट iPhone के लिए एक आवेदन के निर्माण की पूरी प्रक्रिया के माध्यम से चलने के लिए एक व्यापक मार्गदर्शिका के रूप में मौजूद है।.

हम एप्लिकेशन को विकसित करने के कारणों, चरणों और उपकरणों के बारे में चर्चा करेंगे, और अंततः आप Xcode का उपयोग करके मूल iPhone एप्लिकेशन को डिजाइन करने के लिए एक आसान ट्यूटोरियल का पालन करेंगे।.

तो क्या आप व्यवसाय के लिए सीख रहे हैं या आपके पास बस एक अद्भुत ऐप विचार है जो आपको करोड़पति बना सकता है, चलो अपना पहला iPhone ऐप बनाने की शुरुआत करें!

नोट: आपको Xcode इंस्टॉलेशन, एप्लिकेशन डेवलपमेंट और एप्लिकेशन सबमिशन के लिए Macintosh ऑपरेटिंग सिस्टम (Mac OS) के साथ एक कंप्यूटर की आवश्यकता होगी, ऐसा कोई तरीका नहीं है जिसे आप कानूनी रूप से विंडोज पर कर सकते हैं.

क्यों Apple के लिए विकसित?

मैं देख रहा हूं कि यह प्रश्न अक्सर पूछा जाता है इसलिए मैं यह बताना चाहता हूं कि आपको iPhone के विकास में क्यों रुचि होनी चाहिए। ठीक वैसे ही जैसे मैंने वर्तमान में आईफोन में बताया है मोबाइल प्लेटफ़ॉर्म में बाज़ार के शेयरों का एक बड़ा हिस्सा रखता है.

मुझे लगता है कि यह कारण आपके लिए iPhone एप्लिकेशन को विकसित करने के लिए सीखने के लिए पर्याप्त होना चाहिए, जैसे कि आप स्वयं या ग्राहकों के लिए विकसित कर रहे हैं, ज्यादातर लोगों को उम्मीद है कि उनके ऐप को दुनिया के कई लोगों द्वारा एक्सेस किया जा सकता है।.

विकास के दृष्टिकोण से, Apple को चीजें आसान लगती हैं, और यह उनके उत्पादों और रूपरेखाओं पर लागू होता है. iOS ऑपरेटिंग सिस्टम है जो Apple के सभी मोबाइल उपकरणों को पॉवर देता है. इनमें iPod Touch, iPhone और iPad शामिल हैं। इसलिए ध्यान रखें कि जब आप iPhone के लिए एप्लिकेशन विकसित कर रहे हों, तो आप हो सकते हैं IOS के साथ अन्य सभी उपकरणों के लिए विकसित करना!

इसके अलावा, उपरोक्त विशेषता को और भी अधिक बनाता है कि कोडिंग कार्य को कितना बचाया जा सकता है। जब आप iPhone अनुप्रयोग के लिए कोड लिखते हैं सभी Apple के कंप्यूटिंग उपकरणों के लिए समान प्रोग्रामिंग भाषा का उपयोग करना. इसका मतलब है कि जब आप iPhone एप्लिकेशन विकसित कर रहे हैं, तो ऐप को बाद में iPad और यहां तक ​​कि मैक में एकीकृत किया जा सकता है.

उद्देश्य सी कोर प्रोग्रामिंग भाषा उनके ढांचे के सभी शक्ति है। ऑब्जेक्टिव-सी के साथ, आप iPhone ऐप को भी विकसित करेंगे कोको टच, iOS पर प्रोग्रामिंग फ्रेमवर्क ड्राइविंग यूजर इंटरैक्शन.

यह सब आप iPhone अनुप्रयोग विकास पर शुरू करने के लिए जानकारी का एक सा है। विकास काफी जटिल प्रक्रिया है, लेकिन आराम करो, इसे धीरे-धीरे ले लो। तो कारण यहाँ हैं, और निर्णय तुम्हारा है। उत्तर हां है या नहीं, आप हमेशा अगले विषय में सही उम्मीद कर सकते हैं: iPhone के लिए एप्लिकेशन डिजाइन करना.

अपने iPhone ऐप संरचना की योजना बना

आप चाहते हैं कि एक iPhone app बनाने के मानक विचारधारा में कुछ चरणों से गुजरें. पहले चरण में शामिल हैं योजना और स्केचिंग.

सबसे पहले आपको एक विचार रखने की आवश्यकता है आपका ऐप क्या करने जा रहा है. लोग इसे क्यों डाउनलोड करना चाहेंगे? तथा आप किन विशेषताओं को शामिल करना चाहते हैं? यह सबसे महत्वपूर्ण चरण है जैसे कि यदि आप इसे सही करते हैं, तो आप करेंगे बहुत सारे भ्रम और परेशानियों से बचाएं कोडिंग चरण में.

सबसे खराब, यह आपको ड्राइंग बोर्ड पर वापस जाता है.

मैं सलाह देता हूं कुछ पृष्ठों (या विचारों) के लिए कुछ मोटे विचारों को स्केच करें आपके आवेदन की एक कागज़ पर एक आयत की आकृति, शायद ५ या ६ आकृतियों को आकर्षित करें, फिर अपने ऐप के प्रत्येक दृश्य पर अपनी पसंद की सुविधाएँ बनाएँ।.

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

नीचे मैंने विभिन्न UI बार तत्वों का एक संक्षिप्त संग्रह बनाया है:

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

इस सूची में केवल वही टूलबार शामिल हैं जिन्हें आप अधिकांश ऐप्स में पा सकते हैं। विचार करने के लिए कुछ अन्य विचार और शैलियाँ हैं, जिन्हें आप उन्हें Apple के iOS UI तत्व उपयोग दिशानिर्देशों में पा सकते हैं। जब आप iPhone के UI तत्वों के बारे में संदेह करते हैं, तो मैं इस दस्तावेज़ को संदर्भित करने की सलाह देता हूं.

समय के हित में मैं हर UI तत्व का वर्णन नहीं करूंगा। विचार करने के लिए बहुत सारे तत्व हैं, और आप अपने एकल ऐप में उन सभी का उपयोग नहीं करेंगे। लेकिन जैसा कि आप अपने विचारों को स्केच करते हैं, आप कर सकते हैं ऊपर दिए गए दिशानिर्देशों और अन्य iPhone ऐप्स से प्रेरणा लें आपको उनका उपयोग करने में मज़ा आया है.

फोटोशॉप मॉकअप डिजाइन करना

मुझे लगता है कि आप में से अधिकांश एडोब फोटोशॉप के साथ काम करने में काफी सहज हैं। यह वेबसाइट, बैनर, लोगो और मोबाइल मॉकअप के लिए ग्राफिक्स बनाने का प्रीमियर सॉफ्टवेयर है। वेब के लिए ग्राफिक्स डिजाइन करना काफी सरल प्रक्रिया है, लेकिन जब यह आईफोन ऐप डिजाइन की बात आती है तो यह थोड़ा अधिक जटिल होता है.

यदि आप एक ऐसा ऐप बनाना चाहते हैं जो आपको वास्तव में बनाना चाहिए शुरुआत से पिक्सेल-परिपूर्ण मॉकअप डिज़ाइन बनाएं.

शुरू करने के लिए, हमें फ़ोटोशॉप सेटिंग्स पर चर्चा करनी चाहिए। चूंकि हम iPhone के लिए डिज़ाइन कर रहे हैं, इसलिए हमें 2 अलग-अलग डिज़ाइन शैलियों पर विचार करने की आवश्यकता है। नियमित iPhone डिस्प्ले 320 x 480 पिक्सल है. हालाँकि iPhone 4 में एक शामिल है रेटिना डिस्प्ले जो एक ही स्क्रीन आकार के भीतर पिक्सेल की मात्रा को दोगुना करता है. तो आपको चाहिए 640 x 960 पिक्सेल के लिए संकल्प दोगुना और इस मानक के लिए अपने लेआउट डिजाइन करें.

इसका मतलब आपको भी इसकी आवश्यकता होगी माउस के 2 सेट बनाएँ आपके मॉकअप के लिए। मूल रूप से प्रतीक होंगे 163ppi पर सेट है लेकिन आपको करने की आवश्यकता होगी iPhone 4 के लिए 326ppi वाले आइकन शामिल करें. आइकन पारंपरिक रूप से चिह्नित हैं @ 2x उनकी फ़ाइल के नाम के अंत में, जैसे कि “[email protected]“.

अब हम अपनी नई दस्तावेज़ सेटिंग्स को अनुकूलित करते हैं। पहले हमें कुछ वरीयताओं को संपादित करने की आवश्यकता होगी, इसलिए फ़ोटोशॉप> संपादन> प्राथमिकताएं> तक पहुंचें मार्गदर्शिकाएँ, ग्रिड और स्लाइस. अच्छी तरह से हो 2 पर उपखंड के साथ हर 20px हमारी ग्रिडलाइन की स्थापना. जब रेटिना प्रदर्शन के लिए डिजाइनिंग 2px लाइन 1 बिंदु प्रदर्शित करेगी स्क्रीन पर। यह एक महत्वपूर्ण नियम है जिसे आपको अपने ऐप को डाउन करने के लिए ध्यान में रखना होगा.

मैं उच्च रिज़ॉल्यूशन के साथ अपने डिज़ाइन बनाना आसान बनाता हूं और फिर उन्हें मापता हूं, लेकिन आप कर सकते हैं दोनों तरीकों का प्रयास करें और देखें कि आपको सबसे अच्छा क्या लगता है. हम 326ppi पर 640 x 960 पिक्सेल का उपयोग कर रहे हैं - यदि आप सोचते हैं कि आप इसे अक्सर उपयोग करेंगे, तो इसे कस्टम प्रीसेट के रूप में सहेजें.

टेम्पलेट तत्वों के साथ भवन

अब आप फ़ोटोशॉप का उपयोग करके अपने दम पर एक पिक्सेल-परिपूर्ण लेआउट बना सकते हैं, लेकिन यह बहुत ही थकाऊ और थकाऊ काम साबित होता है.

यह एक बहुत बड़ी फ़ाइल है जिसमें बहुत सारे तत्व हैं। चीजों को आसान बनाने के लिए आप v को सक्रिय कर सकते हैं टूल ले जाएं और पर क्लिक करें “स्वतः चयन” इसके ऑप्शन बार पर, फिर सेलेक्ट करें “परत” बजाय “समूह”. सेटिंग्स के साथ, आप किसी भी तत्व पर क्लिक कर सकते हैं और फ़ोटोशॉप आपको इसकी संबंधित परत पर लाएगा!

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

Xcode में एप्लिकेशन विकसित करना

IOS और Mac OS X प्रोग्रामिंग के लिए डेवलपर टूल को Xcode नाम दिया गया है। यदि आप OS X Lion चला रहे हैं तो आप Xcode और सभी लागू पैकेज मुफ्त में पा सकते हैं मैक ऐप स्टोर.

स्थापना पूर्ण होने के बाद, Xcode लॉन्च करें और इसकी स्वागत स्क्रीन ऊपर आनी चाहिए। यहां से आप एक पुराने प्रोजेक्ट को लोड कर सकते हैं या नया बनाने के लिए चुन सकते हैं। अभी के लिए आपको क्लिक करना होगा “एक नया Xcode प्रोजेक्ट बनाएं“, फिर टेम्पलेट विंडो कुछ विकल्पों के साथ आएगी। IOS> एप्लिकेशन के तहत, पर क्लिक करें “एकल दृश्य अनुप्रयोग” और मारा “आगामी”. आप ऐसा कर सकते हैं नए ऐप को एक नाम दें, जैसे कि परीक्षा (अधिमानतः कोई स्थान नहीं), तो पर कंपनी पहचानकर्ता, किसी भी शब्द में टाइप करें जैसे मेरी कंपनी, और अंत में एक निर्देशिका चुनें और हिट करें “बचाना”.

Xcode फ़ाइल निर्देशिका का निर्माण करेगा और आपको काम करने के लिए एक नई विंडो में भेजेगा। आपको बहुत सारे फ़ाइल विकल्प सूचीबद्ध होने चाहिए, लेकिन फ़ोल्डर जो आपके आवेदन के नाम पर है प्राथमिक फोकस है.

Xcode के साथ आपके पास फ्रंट एंड एलिमेंट्स डिजाइन करने के लिए दो विकल्प हैं। उत्कृष्ट xib / निब प्रारूप मैक ओएस एक्स और आईओएस ऐप के लिए मानक है, जिसके लिए आपको हर बार एक नया पृष्ठ दृश्य डिजाइन करना होगा। हालाँकि, जब आप किसी एक ऐप में अधिक दृश्य बना रहे हैं, तो निब फ़ाइलों की मात्रा बहुत अधिक हो सकती है, इसलिए एक नया स्टोरीबोर्ड फ़ाइल एक एकल संपादक फलक में आपके सभी निब विचारों को रखती है। यहाँ से आप UI तत्वों और सुविधाओं को आसानी से हटा और जोड़ सकते हैं.

इसके अतिरिक्त आप भर में आएंगे .ज तथा .मीटर एक ही फ़ोल्डर समूह में फ़ाइलें। ये लघु फ़ाइल नाम हैं हैडर तथा कार्यान्वयन कोड। ये फ़ाइलें हैं जहाँ आप अपने ऐप को चलाने के लिए आवश्यक सभी Objective-C फ़ंक्शन और चर लिखते हैं। यह समझाने के लिए एक अच्छा विचार हो सकता है कि Xcode कैसे काम करता है MVC (मॉडल, दृश्य, नियंत्रक), यही कारण है कि हमें प्रत्येक नियंत्रक के लिए 2 फाइलें चाहिए.

MVC प्रोग्रामिंग पदानुक्रम

यह समझने के लिए कि ऐप कैसे काम करता है आपको इसकी प्रोग्रामिंग वास्तुकला को समझने की आवश्यकता होगी। साथ में एक नींव के रूप में मॉडल, व्यू, कंट्रोलर (MVC), Xcode आपके सभी डिस्प्ले और इंटरफ़ेस कोड को आपके लॉजिक और प्रोसेसिंग फ़ंक्शंस से अलग कर सकता है, और चुनने के लिए वास्तव में कोई अन्य विकल्प नहीं है। MVC पहली बार में भ्रामक लग सकता है, लेकिन अगर आपने इसे समझने की कोशिश की है और कुछ बुनियादी ऐप बनाना शुरू करेंगे, तो आप संरचना को पसंद करेंगे.

इसे समझना आसान बनाने के लिए, मैंने नीचे दी गई सूची में प्रत्येक वस्तु प्रस्तुत की है:

• आदर्श - आपके सभी तर्क और मुख्य डेटा को रखता है। इसमें चर, बाहरी आरएसएस फ़ीड या चित्र, विस्तृत कार्य और नंबर क्रंचिंग शामिल हैं। यह परत आपके विचारों से पूरी तरह अलग हो जाती है ताकि आप आसानी से विचार बदल सकें और अभी भी समान डेटा काम कर रहे हों.
• राय - आपके एप्लिकेशन में एक स्क्रीन या प्रदर्शन शैली। एक तालिका सूची, प्रोफाइल पेज, लेख सारांश पृष्ठ, ऑडियो प्लेयर, वीडियो प्लेयर, ये सभी विचारों के उदाहरण हैं। आप उनकी शैलियों को बदल सकते हैं और तत्वों को निकाल सकते हैं लेकिन आप अभी भी अपने मॉडल में समान डेटा के साथ काम कर रहे हैं.
• नियंत्रक - अन्य दो के बीच एक मध्यस्थ के रूप में कार्य करता है। आप अपने दृश्य में ऑब्जेक्ट्स को एक ViewController से कनेक्ट करते हैं जो आपके मॉडल से जानकारी को पास करता है। तो इस तरह से एक बटन पर एक उपयोगकर्ता टैप करना और इसे अपने मॉडल में पंजीकृत करना संभव है। फिर लॉग आउट फ़ंक्शन चलाएं और उसी नियंत्रक के माध्यम से एक संदेश पास करें “सफलतापूर्वक लॉग आउट किया गया!”.

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

इस ज्ञान के साथ अपने पहले कुछ ऐप्स का निर्माण शुरू करना कठिन नहीं होना चाहिए। जैसा कि पहले उल्लेख किया गया है, उद्देश्य सी मुख्य प्रोग्रामिंग भाषा है जिसका उपयोग आप एप्लिकेशन को विकसित करने के लिए करेंगे। यह अद्यतन वाक्य रचना और कुछ अतिरिक्त प्रतिमानों के साथ सी भाषा पर बनाया गया है। आपको भाषा से परिचित होने के लिए बहुत समय की आवश्यकता होगी, लेकिन शुरुआती पाठ के लिए मैं Mobiletuts से ट्यूटोरियल श्रृंखला की सिफारिश करता हूं+.

स्टोरीबोर्ड के साथ डिजाइन देखें

अब जब हमने एक एप्लिकेशन के तकनीकी पहलुओं पर ध्यान दिया है, तो हमें इंटरफ़ेस को डिज़ाइन करने में थोड़ा समय बिताना चाहिए। मैं मान रहा हूँ कि आपने रखा है “स्टोरीबोर्ड” विकल्प परियोजना बनाते समय जाँच की जाती है, जिसका अर्थ है कि आप एकल पा सकते हैं MainStoryboard_iPhone.storyboard विंडो के बाईं ओर स्थित फ़ोल्डर समूह में कहीं फ़ाइल करें। इसे चुनने के लिए फ़ाइल पर क्लिक करें और दृश्य खोलें.

फ़ोल्डर समूह के दाईं ओर एक नया साइडबार दिखाई देना चाहिए। इसे कहते हैं दस्तावेज़ की रूपरेखा और यह इस स्टोरीबोर्ड में उपलब्ध सभी विचारों की जाँच के लिए त्वरित पूर्वावलोकन विधि का एक प्रकार है.

हम अपने दृश्य नियंत्रक में केवल कुछ पृष्ठ तत्व जोड़कर शुरू करना चाहते हैं। हमें दो अलग-अलग तत्वों की आवश्यकता है: ए नेविगेशन बार और ए टैब पट्टी. इससे पहले कि हम उन्हें पकड़ें, उन तक पहुंच गुण निरीक्षक (देखें> उपयोगिताएँ> विंडो के दाईं ओर विशेषताएँ दिखाएँ निरीक्षक), फिर देखें स्टेटस बार लेबल। डिफ़ॉल्ट रूप से यह करने के लिए सेट है अनुमानित जो मानक iPhone स्थिति रंग का उपयोग करता है, लेकिन आप भी चुन सकते हैं काली या पारभासी काला यदि आपका ऐप डिज़ाइन बेहतर रंग फिट बैठता है.

ऑब्जेक्ट लाइब्रेरी

अगर द उपयोगिताएँ विंडो के दाईं ओर फलक दिखाई नहीं देता है, आप इसे व्यू> यूटिलिटीज> शो यूटिलिटीज तक पहुंच के द्वारा सक्षम कर सकते हैं। यूटिलिटीज फलक पर, एक पैनल के लिए नीचे देखें जिसे कॉल किया गया है ऑब्जेक्ट लाइब्रेरी. इसके साथ ड्रॉप-डाउन मेनू मिला “वस्तुओं” सूची के पहले आइटम के रूप में। यदि आपको यह नहीं मिला, तो आप व्यू> यूटिलिटीज> शो ऑब्जेक्ट लाइब्रेरी का चयन कर सकते हैं.

ऑब्जेक्ट लाइब्रेरी के ड्रॉप-डाउन मेनू से, ढूंढें और चुनें विंडोज और बार. अब पर क्लिक करें नेविगेशन बार, इसे दृश्य विंडो में खींचें और इसे सीधे ब्लैक के नीचे रखें स्टेटस बार (एक बैटरी आइकन के साथ)। अब हम बार के शीर्षक विवरण को कस्टमाइज़ कर सकते हैं। वर्तमान में जो पाठ पढ़ता है उस पर डबल क्लिक करें “शीर्षक“, और आपको एक लेबल दिखाई देगा जिसका नाम है “शीर्षक” उपयोगिताओं फलक पर, जिसे आप शीर्षक विवरण को बदल सकते हैं “परीक्षा” वहां से। मारो “दर्ज” बदलाव का गवाह बनने के लिए.

फिर से विंडोज और बार्स पैनल में, खोजने के लिए नीचे स्क्रॉल करें टैब पट्टी, फिर इसे व्यू विंडो में खींचें और इसे अपने ऐप में सबसे नीचे रखें। डिफ़ॉल्ट रूप से ये 2 तत्व शानदार लगते हैं.

अब शायद आप चाहते हैं कि नेविगेशन बार का टैब नीचे बार बार से मेल खाए, और ऐसा करने के लिए आप नेविगेशन बार पर क्लिक करके दाईं ओर देख सकते हैं गुण यूटिलिटीज फलक में पैनल। बहुत पहला विकल्प कहा जाता है अंदाज, जो डिफ़ॉल्ट पर सेट है। डिफ़ॉल्ट से शैली बदलें काला अपारदर्शी और हमारे पास एक मिलान रंग सेट होगा!

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

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

भाग II के लिए बने रहें

यह iPhone ऐप डिज़ाइन और विकास के लिए हमारे गाइड का पहला भाग है। अगले भाग में हम ऑब्जेक्टिव-सी और कोकोआ टच में थोड़ा गहरा करेंगे, और आप अंततः एक कामकाजी iPhone ऐप बनाना सीखेंगे, देखते रहिए।!

iOS डिजाइन गैलरी

डिजाइनरों के लिए, मैं आपसे कुछ प्रेरणा लाने की उम्मीद कर रहा हूं, इसलिए मैंने नीचे भयानक iPhone ऐप दृश्यों की एक सूची शामिल की है। सूची में बड़ी संख्या में प्रेरणादायक ऐप तत्व हैं जो आपने पहले कभी नहीं देखे होंगे। नीचे टिप्पणी अनुभाग में अपने विचारों, एप्लिकेशन विचारों या प्रश्नों को साझा करने के लिए स्वतंत्र महसूस करें, धन्यवाद!

रेस स्प्लिटर

संतोष रिमोट

IPhone के लिए ट्वीटबॉट

रीडर

सचाई से

MailChimp

इंस्टाग्राम

Joystiq

Piictu

अंधेरा