विंडोज फोन 7 के लिए शुरू से आखिर तक एक एप्लिकेशन बनाएं। भाग 2. एप्लिकेशन बनाने के लिए उपकरण, इंटरफ़ेस डिजाइन के लिए सिफारिशें

पिछला हिस्सा

अनुप्रयोग निर्माण उपकरण

जब आप विंडोज फोन डेवलपर टूल इंस्टॉल करते हैं , तो आपको निम्नलिखित फ्री टूल और कंपोनेंट्स मिलते हैं।

• विंडोज फोन के लिए अभिव्यक्ति मिश्रण
• विंडोज फोन के लिए विजुअल स्टूडियो 2010 एक्सप्रेस
• विंडोज फोन एमुलेटर
• Zune सॉफ्टवेयर
• XNA गेम स्टूडियो 4.0
• सिल्वरलाइट
• .NET फ्रेमवर्क 4

यदि आपके पास पहले से ही Visual Studio 2010 (व्यावसायिक या अंतिम) स्थापित है, तो आप Windows Phone डेवलपर टूल को स्थापित करने के बाद विकास के लिए अपने स्वयं के Visual Studio 2010 संस्करण का उपयोग कर सकते हैं।

विंडोज फोन के लिए अभिव्यक्ति मिश्रण

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

• डेटा टेम्प्लेट का दृश्य निर्माण
• डेटा पैटर्न की कल्पना करने के लिए परीक्षण डेटा के विकास के दौरान उपयोग करें
• नियंत्रण शैलियों का दृश्य निर्माण
• एनिमेशन बनाएं और देखें

निम्नलिखित छवि एक अभिव्यक्ति ब्लेंड का रूप दिखाती है।



नोट:
यह आलेख वर्णन करता है कि विंडोज फोन के लिए विजुअल स्टूडियो 2010 एक्सप्रेस में कैसे काम किया जाए, और विंडोज फोन के लिए एक्सप्रेशन ब्लेंड का उपयोग नहीं किया जाएगा।

विंडोज फोन के लिए विजुअल स्टूडियो 2010 एक्सप्रेस

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



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

इंटरफ़ेस डिजाइन दिशानिर्देश

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

इंटरफ़ेस डिजाइन दिशा-निर्देश, प्रमाणीकरण आवश्यकताओं और अन्य महत्वपूर्ण जानकारी को इस लेख में दोहराया जाएगा जहां इसकी आवश्यकता होगी।

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

श्रेणी	डिजाइन दिशानिर्देश
नेविगेशन, फ्रेम और पेज	नेविगेशन मैप बनाते समय एप्लिकेशन बटन के साथ बैक बटन के संचालन और उपयोगकर्ता के इंटरैक्शन पर विचार करना सुनिश्चित करें।
अनुप्रयोग पैनल	सामान्य अनुप्रयोग कार्य करने के लिए एप्लिकेशन बार का उपयोग करें। आप एप्लिकेशन पैनल में चार बटन तक सीमित हैं। एप्लिकेशन पैनल मेनू में कम बार निष्पादित क्रियाएं करें। यदि कार्रवाई आइकन का उपयोग करके स्पष्ट रूप से व्यक्त करना मुश्किल है, तो इसे एप्लिकेशन पैनल मेनू में रखें, और बटन के रूप में नहीं। स्क्रॉल करने से रोकने के लिए आप एप्लिकेशन पैनल मेनू में पांच आइटम तक सीमित हैं।
बैक बटन	आपको केवल बैक बटन के व्यवहार को लागू करना चाहिए जो पीछे की ओर बढ़ता है या संदर्भ मेनू और संवाद बॉक्स को छुपाता है। अन्य सभी कार्यान्वयन निषिद्ध हैं।
स्क्रीन ओरिएंटेशन	डिफ़ॉल्ट अभिविन्यास चित्र है। लैंडस्केप ओरिएंटेशन का समर्थन करने के लिए, आपको कोड जोड़ना होगा। यदि कोई एप्लिकेशन लैंडस्केप ओरिएंटेशन का समर्थन करता है, तो यह केवल लेफ्ट या केवल राइट लैंडस्केप ओरिएंटेशन निर्धारित नहीं कर सकता है। बाएँ और दाएँ परिदृश्य झुकाव का समर्थन किया जाना चाहिए। यदि एप्लिकेशन टेक्स्ट इनपुट का समर्थन करता है, तो आपको हार्डवेयर कीबोर्ड के संभावित अस्तित्व के कारण लैंडस्केप ओरिएंटेशन का समर्थन करना चाहिए।
विषयों	अनुप्रयोगों में बहुत अधिक सफेद रंग का उपयोग करने से बचें, उदाहरण के लिए, सफेद पृष्ठभूमि, क्योंकि यह OLED डिस्प्ले वाले उपकरणों के बैटरी जीवन को गंभीरता से प्रभावित कर सकता है। यदि नियंत्रण का मुख्य या पृष्ठभूमि रंग स्पष्ट रूप से सेट किया गया है, तो सुनिश्चित करें कि इसकी सामग्री अंधेरे और हल्के विषय दोनों के साथ समान रूप से स्पष्ट रूप से दिखाई दे रही है। यदि निर्दिष्ट रंग दिखाई नहीं दे रहा है, तो स्पष्ट रूप से पृष्ठभूमि या प्राथमिक रंग सेट करें ताकि यह पर्याप्त रूप से विपरीत हो या अधिक उपयुक्त रंग चुनें।
अनुप्रयोग सेटिंग्स	डेटा को ओवरराइट करने या हटाने या रद्द नहीं किए जा सकने वाले एप्लिकेशन कार्यों में एक रद्द बटन होना चाहिए। पुष्टि या रद्द बटन के साथ अतिरिक्त स्क्रीन का उपयोग करते समय, इन बटनों को दबाकर संबंधित कार्रवाई करनी चाहिए और उपयोगकर्ता को मुख्य सेटिंग्स मेनू में वापस करना चाहिए।
टच इनपुट	सभी बुनियादी और सामान्य कार्यों को एक उंगली से किया जाना चाहिए। स्पर्श नियंत्रण को तुरंत स्पर्श करने का जवाब देना चाहिए। स्पर्श नियंत्रण जो संक्रमण के दौरान देरी से काम करता है या धीमा लगता है, उपयोगकर्ता के अनुभव पर नकारात्मक प्रभाव पड़ेगा। लंबे, संसाधन-गहन संचालन के लिए, डेवलपर्स को यह इंगित करने के लिए प्रतिक्रिया प्रदान करनी चाहिए कि कुछ हो रहा है, प्रगति का प्रदर्शन करने वाली सामग्री का उपयोग करते हुए, या एक प्रगति बार का उपयोग करने पर विचार करें या चरम मामलों में, एक कच्ची अधिसूचना। उदाहरण के लिए, आप डाउनलोड प्रक्रिया के दौरान अधिक से अधिक सामग्री प्रदर्शित कर सकते हैं। एक आइटम के लिए एक संदर्भ मेनू या विकल्प पृष्ठ प्रदर्शित करने के लिए आमतौर पर एक लंबे प्रेस का उपयोग किया जाना चाहिए।
ऑन-स्क्रीन कीबोर्ड	कीबोर्ड के प्रकार को निर्धारित करने और उपयुक्त प्रिंट मीडिया को सक्षम करने के लिए आपको टेक्स्ट फ़ील्ड या अन्य संपादन योग्य तत्वों के लिए इनपुट क्षमता गुण सेट करना होगा।
कैनवास और ग्रिड नियंत्रण	कैनवस नियंत्रण पिक्सेल-आधारित मार्कअप का उपयोग करता है और फिक्स्ड-ओरिएंटेशन अनुप्रयोगों में गहराई से एम्बेडेड (नेस्टेड) ​​नियंत्रण के लिए ग्रिड नियंत्रण से बेहतर प्रदर्शन प्रदान कर सकता है। जब आवेदन फ्रेम का विस्तार करना, अनुबंध करना या घूमना हो तो ग्रिड सबसे अच्छा विकल्प है।
पैनोरमा और धुरी नियंत्रण	पैनोरमा और पिवेट दोनों डिवाइस की सामग्री के माध्यम से क्षैतिज नेविगेशन प्रदान करते हैं, जो उपयोगकर्ता को आंदोलनों और पैन को आवश्यक बनाने की अनुमति देता है। अधिक विस्तृत उपयोगकर्ता अनुभव के लिए शुरुआती बिंदु के रूप में पैनोरमा नियंत्रण का उपयोग करें। बड़ी मात्रा में डेटा को फ़िल्टर करने के लिए, कई डेटा सेटों का दृश्य प्रदान करने के लिए या एक ही डेटा के विभिन्न तरीकों के बीच स्विच करने का एक तरीका प्रदान करने के लिए Pivot का उपयोग करें। विज़ार्ड एप्लिकेशन जैसे नेविगेशन कार्यों के लिए पिवट का उपयोग न करें। पैनोरमा सेक्शन में किसी सूची या ग्रिड की वर्टिकल स्क्रॉलिंग तब तक स्वीकार्य होती है जब तक वह सेक्शन की सीमाओं के भीतर हो और क्षैतिज स्क्रॉलिंग के समानांतर न हो। कभी भी दूसरे धुरी नियंत्रण के अंदर एक धुरी न रखें। पैनोरमा नियंत्रण के अंदर कभी भी धुरी न रखें। एप्लिकेशन को पिवट पृष्ठों की संख्या को कम करना चाहिए। धुरी का उपयोग केवल समान प्रकार के तत्वों या डेटा को प्रदर्शित करने के लिए किया जाना चाहिए। आपको पिवट नियंत्रण में नेविगेट करने के लिए एप्लिकेशन पैनल बटन का उपयोग नहीं करना चाहिए। यदि पिवट को नेविगेशन एड्स की आवश्यकता है, तो आप शायद इसका सही उपयोग नहीं कर रहे हैं।
टेक्स्ट	आपको पहले Segoe फ़ॉन्ट का उपयोग करना चाहिए। वैकल्पिक फोंट का उपयोग सावधानी के साथ करें। उन फोंट का उपयोग करने से बचें जो 15 अंकों से छोटे हैं। पूंजीकरण की इसी शैली को बनाए रखें। टाइटल बार में एप्लिकेशन का नाम अपरकेस में होना चाहिए। पृष्ठ के शीर्षकों और सूची नामों सहित एप्लिकेशन के अधिकांश पाठों के लिए सभी निचले अक्षरों का उपयोग करें। एप्लिकेशन पैनल में, कोई भी पाठ स्वचालित रूप से निचले मामले में प्रदर्शित होता है।

अतिरिक्त संसाधन

नीचे अतिरिक्त संसाधनों के कुछ लिंक दिए गए हैं जहां आप विंडोज फोन के लिए विकास के बारे में अधिक जान सकते हैं।

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

अगला भाग