ऐप स्टूडियो माइक्रोसॉफ्ट के ऑनलाइन एप्लिकेशन डिज़ाइनर का एक नया संस्करण है। विंडोज़ एप्लिकेशन बनाना

💖क्या आपको यह पसंद है?लिंक को अपने दोस्तों के साथ साझा करें

एक विंडोड विज़ुअल स्टूडियो एप्लिकेशन बनाना

विंडोड एप्लिकेशन बनाने का परिचय

कंसोल के साथ काम करने के लिए एपीआई कार्य करता है

विंडो अनुप्रयोग संरचना

विंडो नियंत्रण

विंडो वाले अनुप्रयोगों में ग्राफ़िक्स

विंडोज़ ऑपरेटिंग सिस्टम में 3 प्रकार की प्रोग्राम संरचनाएँ संभव हैं:

  • संवाद (मुख्य विंडो - संवाद),
  • ब्रैकट या खिड़की रहित संरचना,
  • क्लासिक (खिड़की, फ्रेम) संरचना

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

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

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

विंडोड और कंसोल विंडोज़ अनुप्रयोगों के बीच अंतर यह है कि वे किस प्रकार की जानकारी के साथ काम करते हैं।

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

वास्तुकला सिंहावलोकन

सामान्य कोर और यूडब्ल्यूपी एप्लिकेशन रनटाइम सिस्टम के लिए धन्यवाद, एक बार लिखे जाने के बाद, एप्लिकेशन सभी उपकरणों पर चलेगा विंडोज़ नियंत्रण 10. इस श्रेणी में शामिल हैं:

  • डेस्क टॉप कंप्यूटर;
  • सर्वर सिस्टम - ओएस विंडोज़ सर्वर 2016;
  • लैपटॉप - एमएस सरफेस बुक;
  • गोलियाँ - एमएस सर्फेस प्रो;
  • स्मार्टफोन - लूमिया;
  • गेम कंसोल - एक्सबॉक्स वन;
  • संवर्धित वास्तविकता चश्मा - एमएस होलोलेंस;
  • दीवार गोलियाँ - एमएस सरफेस हब;
  • स्मार्ट घड़ी - एमएस बैंड 2.

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

UWP कर्नेल-स्तर और उपयोगकर्ता-स्तर दोनों ड्राइवरों का समर्थन करता है। सबसिस्टम में डिवाइस ड्राइवर इंटरफेस (डीडीआई) शामिल है, जिसका उपयोग यूडब्ल्यूपी के लिए ड्राइवर कर सकते हैं।

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

डेवलपर उपकरण

विंडोज़ 10 मोबाइल के लिए एप्लिकेशन लिखने, डिबग करने, तैनात करने और परीक्षण करने के लिए, आपको विज़ुअल स्टूडियो 2015 की आवश्यकता होगी (इस पर कौन संदेह करेगा)। इस गर्मी में तीसरा अपडेट जारी किया गया था। मैं इसकी पुरजोर अनुशंसा करता हूँ! इसका मुख्य बग फिक्स दूसरे अपडेट की तुलना में कम मेमोरी खपत है।

आपको भी आवश्यकता होगी विंडोज़ 10 वर्षगांठ अद्यतन एसडीके: इसमें विंडोज 10 चलाने वाले उपकरणों के पूरे बेड़े के लिए एप्लिकेशन विकसित करने के लिए सभी आवश्यक उपकरण शामिल हैं। यदि आप तीसरे अपडेट के साथ वीएस 2015 का उपयोग कर रहे हैं, तो इसमें पहले से ही नवीनतम एसडीके शामिल है।

मुख्य नवाचारों में से एक विंडोज़ इंक है। इस एपीआई का उपयोग करके, आप कोड की दो पंक्तियों में पेन समर्थन जोड़ सकते हैं। इसके लिए दो नियंत्रण वस्तुएँ हैं: InkCanvas और InkToolbar।

नया Cortana API ध्वनि नियंत्रण लागू करना आसान बनाता है। नए एपीआई में कॉर्टाना एक्शन घटक आपको नए वाक्यांश/अभिव्यक्ति बनाने की अनुमति देता है।

विंडोज़ हैलो बायोमेट्रिक प्रमाणीकरण अब एज ब्राउज़र में वेब डेवलपर्स के लिए उपलब्ध है।

विज़ुअल स्टूडियो 2015 के लिए ब्लेंड, एक उपयोगकर्ता इंटरफ़ेस मॉडलिंग टूल, वीएस पर उन्नत यूआई डिज़ाइन क्षमताएं प्रदान करता है। इसकी सहायता से, आप सभी समर्थित अनुप्रयोगों के लिए XAML में लेआउट बना सकते हैं: एप्लिकेशन, वेब, यूनिवर्सल, मोबाइल, इत्यादि। इसमें कंस्ट्रक्टर भी शामिल हैं अतिरिक्त काम, उनमें एनीमेशन बनाना और तत्वों के व्यवहार को नियंत्रित करना शामिल है।

विंडोज़ 10 मोबाइल के लिए एप्लिकेशन बनाने के तरीके

विंडोज़ 10 मोबाइल वाले स्मार्टफ़ोन के लिए एप्लिकेशन बनाने का मुख्य तरीका विकसित करना है यूनिवर्सल (यूडब्ल्यूपी) ऐप्स(स्क्रॉल विज़ुअल सी# → विंडोज़ → यूनिवर्सल न्यू प्रोजेक्ट विजार्ड्स)।

हालाँकि, वह अकेले नहीं हैं। जैसा कि आप जानते हैं, Xamarin को विजुअल स्टूडियो 2015 में बनाया गया है, इसकी मदद से आप विंडोज 10 मोबाइल के साथ-साथ एंड्रॉइड और आईओएस के लिए भी एप्लिकेशन बना सकते हैं, इंटरफ़ेस बदल सकते हैं और प्रोग्राम लॉजिक को C# (विजुअल C# → क्रॉस-प्लेटफॉर्म) में छोड़ सकते हैं।

विज़ुअल C# भाषा के अलावा, विज़ुअल बेसिक या विज़ुअल C++ को समान रूप से चुना जा सकता है। VS 2015 आपको बहुमुखी एप्लिकेशन बनाने की अनुमति देता है जावास्क्रिप्ट का उपयोग करना(जावास्क्रिप्ट → विंडोज़ → यूनिवर्सल ऐप्स)। इन्हें विंडोज़ 10 मोबाइल डिवाइस पर भी तैनात किया जा सकता है।

विरासती परियोजनाओं के साथ काम करने के लिए उपकरण

ऑपरेटिंग रूम के लंबे इतिहास में विंडोज़ सिस्टमसर्वाधिक की एक विशाल संख्या विभिन्न अनुप्रयोग. Windows 8 और WinRT (और बाद में Windows 10 और UWP) की रिलीज़ के साथ, पुराने क्लासिक एप्लिकेशन अतीत की बात हो गए हैं, क्योंकि केवल डेस्कटॉप Win 8 और Win 10 ही क्लासिक Win32, COM, .NET अनुप्रयोगों का समर्थन करते हैं। इससे माइक्रोसॉफ्ट दुखी हो गया. लेकिन लोगों को एहसास हुआ कि वे एक कनवर्टर विकसित कर सकते हैं जो पुराने अनुप्रयोगों को नए उन्नत यूडब्ल्यूपी सबसिस्टम के लिए परिवर्तित कर देगा। इसी से जन्म हुआ डेस्कटॉप ऐप कन्वर्टर.

किसी Xcode प्रोजेक्ट को परिवर्तित करना दो चरणों में किया जाता है। सबसे पहले आपको विज़ुअल स्टूडियो में ऑब्जेक्टिव-सी भाषा के लिए सिंटैक्स हाइलाइटिंग जोड़ने की आवश्यकता है: winobjc\bin फ़ोल्डर से objc-syntax-highlighting.vsix एक्सटेंशन इंस्टॉल करें। फिर उपयोगिता का उपयोग करें कमांड लाइन vsimporter.exe को Xcode प्रोजेक्ट को VS प्रोजेक्ट में बदलने की जरूरत है। इसके बाद, परिणामी एसएलएन फ़ाइल को स्टूडियो में खोला जा सकता है, जहां ऑब्जेक्टिव-सी सिंटैक्स को हाइलाइट किया जाएगा। आप एप्लिकेशन बना और चला सकते हैं, यह अन्य सभी विंडोज़ प्रोग्रामों की तरह ही चलेगा।

धिक्कार है, विज़ुअल स्टूडियो में ऑब्जेक्टिव-सी कोड को सही ढंग से हाइलाइट किया हुआ देखना कितना आश्चर्यजनक है!

ओबीजे-सी कोड को संकलित करने के लिए एक निःशुल्क कंपाइलर का उपयोग किया जाता है बजना. चूँकि आउटपुट एक मानक UWP एप्लिकेशन है, आप इसे चला सकते हैं मोबाइल डिवाइसवी विंडोज़ वातावरण 10 मोबाइल. एक प्रोग्राम में C++ और Obj-C में कोड हो सकता है।

यदि आपके पास अतीत के लिए कोई प्रोजेक्ट है विंडोज़ संस्करणफ़ोन, यानी 8.1 (या 8.0), फिर जब आप इसे वीएस 2015 में खोलेंगे, तो स्टूडियो स्वचालित रूप से प्रोजेक्ट को अपडेट कर देगा ताकि यह सार्वभौमिक की आवश्यकताओं को पूरा कर सके। विंडोज़ अनुप्रयोग(यूडब्ल्यूपी)। न केवल XAML में यूजर इंटरफ़ेस मार्कअप को परिवर्तित किया जाएगा, बल्कि इसके साथ JS/C++/C#/VB में प्रोग्राम लॉजिक को भी परिवर्तित किया जाएगा। यदि कोड में WinRT सबसिस्टम पर कॉल थीं, तो उन्हें UWP कॉल में परिवर्तित कर दिया जाएगा।

एक अन्य सामान्य प्रकार का एप्लिकेशन है - गेम। iOS और Android निम्न-स्तरीय OpenGL इंटरफ़ेस का उपयोग करके प्रस्तुत करते हैं। दूसरी ओर, विंडोज़ 10 मोबाइल पर, डायरेक्टएक्स 11 का उपयोग गेम में छवियां प्रदर्शित करने के लिए किया जाता है। लेकिन एक समाधान है - ओपन सोर्स प्रोजेक्ट ANGLE। ANGLE (लगभग नेटिव ग्राफ़िक्स लेयर इंजन) - लगभग नेटिव ग्राफ़िक्स लेयर इंजन - अनुमति देता है विंडोज़ उपयोगकर्ता DirectX 11 चलाने वाले हार्डवेयर पर OpenGL ES एप्लिकेशन को निर्बाध रूप से चलाएं। यह OpenGL ES API से कॉल को DirectX 11 API में परिवर्तित करके प्राप्त किया जाता है। ANGLE निम्नलिखित तीन प्रकार के अनुप्रयोगों का पूर्ण समर्थन करता है:

  • विंडोज़ 10 के लिए सार्वभौमिक अनुप्रयोग (यूनिवर्सल विंडोज़ ऐप्स);
  • विंडोज़ 8.1 और के लिए एप्लिकेशन विंडोज फोन 8.1;
  • क्लासिक डेस्कटॉप ऐप्स विंडोज़ डेस्कटॉप(विंडोज़ डेस्कटॉप एप्लिकेशन)।

इस मुद्दे पर मेरी पुस्तक "द मैजिक ऑफ टॉर्क" में अधिक विस्तार से चर्चा की गई है (फिर से, आप अपनी पुस्तक का प्रचार कर रहे हैं! अच्छा, ठीक है, आप इसके लायक हैं। - एड।)।

लेख की निरंतरता केवल ग्राहकों के लिए उपलब्ध है

विकल्प 1. साइट पर सभी लेख पढ़ने के लिए हैकर की सदस्यता लें

सदस्यता आपको निर्दिष्ट अवधि के लिए इस लेख सहित साइट पर सभी भुगतान की गई सामग्रियों को पढ़ने की अनुमति देगी। हम भुगतान स्वीकार करते हैं बैंक कार्ड, इलेक्ट्रॉनिक धन और मोबाइल ऑपरेटर खातों से स्थानांतरण।

नए प्रोजेक्ट विज़ुअल स्टूडियो संवाद में, विज़ुअल सी #, विंडोज फोन के लिए सिल्वरलाइट और एक सरल विंडोज फोन एप्लिकेशन टेम्पलेट का चयन करें और इसे एक्सप्लोरिंगXAMLFeatures पर कॉल करें।


लक्ष्य ऑपरेटिंग सिस्टम चयन संवाद में, Windows Phone OS 7.1 चुनें


प्रोजेक्ट बनाने के बाद, विज़ुअल स्टूडियो विंडो इस तरह दिखेगी:


आइए सॉल्यूशन एक्सप्लोरर विंडो में प्रोजेक्ट संरचना को देखें:

फ़ाइल का नाम उद्देश्य
AppManifest.xmlXAP फ़ाइल उत्पन्न करने के लिए आवश्यक मेनिफेस्ट फ़ाइल जिसमें एप्लिकेशन को फ़ोन पर परिनियोजन के लिए पैक किया जाता है।
असेंबलीइन्फो.सी.एसएक अन्य कॉन्फ़िगरेशन फ़ाइल जो एप्लिकेशन की मुख्य असेंबली के कुछ मेटाडेटा को परिभाषित करती है।
WMAppManifest.xmlएक मेटाडेटा फ़ाइल जिसमें विभिन्न एप्लिकेशन सेटिंग्स शामिल हैं: शीर्षक, पहला पृष्ठ सेट करना, आइकन के लिए पथ, आवश्यक परिभाषित करना सिस्टम क्षमताएंवगैरह।
App.xamlयह एप्लिकेशन संसाधन फ़ाइल है. वैश्विक संसाधन (शैलियों का उपयोग करते समय इस पर चर्चा की जाएगी) या वैश्विक घटनाएं (एप्लिकेशन शुरू होने पर घटित होती हैं) यहां स्थित हैं। यह फ़ाइल एप्लिकेशन का प्रवेश बिंदु भी है।
App.xaml.csApp.xaml के लिए कोड फ़ाइल (कोड-पीछे)। यहां आप एप्लिकेशन-स्तर की घटनाओं और त्रुटियों को संभाल सकते हैं, जिसमें एप्लिकेशन टॉम्बस्टोनिंग भी शामिल है। इस अवधारणा पर बाद में चर्चा की जाएगी जब मल्टीटास्किंग पर चर्चा होगी।
एप्लीकेशनआईकॉन.pngएक तस्वीर जो फ़ोन पर एप्लिकेशन आइकन होगी. यह वास्तव में एक महत्वपूर्ण फ़ाइल है क्योंकि यह पहली चीज़ है जिसे उपयोगकर्ता एप्लिकेशन के साथ काम करते समय देखेंगे।
बैकग्राउंड.pngइस छवि का उपयोग तब किया जाता है जब एप्लिकेशन को फ़ोन की स्टार्ट स्क्रीन पर पिन किया जाता है। यह मूलतः एक बड़ा एप्लिकेशन आइकन है. इसे दृश्य रूप से एप्लिकेशनआइकॉन.पीएनजी के समान बनाना समझ में आता है।
MainPage.xamlयह चयनित एप्लिकेशन टेम्पलेट का हिस्सा है. मेनपेगे बहुत अच्छा नाम नहीं है, लेकिन डिफ़ॉल्ट प्रोजेक्ट टेम्पलेट इसका उपयोग करता है। यह पृष्ठ उस इंटरफ़ेस का प्रतिनिधित्व करता है जिसे उपयोगकर्ता एप्लिकेशन प्रारंभ करते समय देखता है।
MainPage.xaml.csMainPage.xaml पेज कोड फ़ाइल।
स्प्लैशस्क्रीनइमेज.jpgयह चित्र एप्लिकेशन लोड होने के दौरान प्रदर्शित होता है। एप्लिकेशन लोड हो रहा है इसकी जानकारी देने के लिए आप एनीमेशन के साथ अपनी खुद की तस्वीर सेट कर सकते हैं। XNA में बहुत गतिशील लोडिंग पेज बनाने की एक तकनीक है, लेकिन यह इस लेख श्रृंखला के दायरे से काफी परे है।

XAML फ़ाइलें एप्लिकेशन के इंटरफ़ेस को परिभाषित करती हैं। वास्तव में यह सरल है एक्सएमएल फ़ाइलें XAML मार्कअप भाषा के साथ।

हालाँकि यह सबसे सरल प्रोजेक्ट है, इसमें वे सभी प्रमुख तत्व शामिल हैं जो अन्य सभी टेम्पलेट और प्रोजेक्ट प्रकारों में होते हैं।

कृपया ध्यान दें कि कुछ सेटिंग्स प्रपत्र में प्रस्तुत की गई हैं कॉन्फ़िगरेशन फ़ाइलें, एप्लिकेशन सेटिंग्स को संपादित करने के लिए विज़ुअल इंटरफ़ेस में संपादित किया जा सकता है।

XAML पेज पर नियंत्रण जोड़ना

ध्यान दें कि विज़ुअल स्टूडियो डिफ़ॉल्ट रूप से पृष्ठ के डिज़ाइन और XAML दोनों को प्रस्तुत करता है।

यदि आपने अन्य समाधान फ़ाइलों पर नेविगेट किया है, तो MainPage.xaml फ़ाइल पर डबल-क्लिक करें।

MainPage.xaml फ़ाइल के XAML कोड में, कंटेंटपैनल नामक ग्रिड तत्व के अंदर, एक बटन नियंत्रण डालें:

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


आप इवेंट हैंडलर को XAML फ़ाइल में निर्दिष्ट किए बिना सीधे Home.xaml.cs पेज कोड में बाइंड कर सकते हैं:

सार्वजनिक मेनपेज() ( इनिशियलाइज़कंपोनेंट(); MyButton.Click +=new RoutedEventHandler(MyButton_Click); )

दोनों तरीके काम करते हैं. आप इनमें से किसी का भी उपयोग कर सकते हैं. सरलता के लिए, हम यहां XAML विधि परिभाषा का उपयोग करेंगे। अब आप MyButton_Click फ़ंक्शन में प्रबंधित कोड लिख सकते हैं जो इंटरफ़ेस को बदल देगा या अन्य फ़ंक्शन को कॉल करेगा। आइए कोड जोड़कर अपना उदाहरण एप्लिकेशन पूरा करें जो टेक्स्टब्लॉक पेजटाइटल (पेजटाइटल एक नाम है, इसलिए आप इसे सीधे कोड में संदर्भित कर सकते हैं) में टेक्स्ट को "हैलो wp7" में बदल देगा। ऐसा करने के लिए, फ़ंक्शन में निम्नलिखित कोड जोड़ें:

निजी शून्य MyButton_Click(ऑब्जेक्ट प्रेषक, RoutedEventArgs e) (PageTitle.Text = "हैलो wp7";)

प्रोजेक्ट सेटिंग्स में चयन करें विंडोज़ डिवाइसएम्यूलेटर

और हरे त्रिकोण या F5 बटन पर क्लिक करके एप्लिकेशन लॉन्च करें। एप्लिकेशन लॉन्च करने और "प्रेस मी" बटन पर क्लिक करने के बाद, स्क्रीन नीचे स्क्रीनशॉट के समान दिखनी चाहिए:

किसी प्रोजेक्ट में नए पेज जोड़ना

केवल सबसे सरल एप्लिकेशन में एक पृष्ठ होता है। हम सीखना चाहते हैं कि जटिल बहु-पृष्ठ एप्लिकेशन कैसे लिखें। हम पिवोट, पैनोरमा टेम्पलेट्स का उपयोग कर सकते हैं, हम एमवीवीएम (मॉडल-व्यू-व्यूमॉडल) डिज़ाइन पैटर्न का उपयोग कर सकते हैं, और पहले हम सीखेंगे कि प्रोजेक्ट में नए पेज कैसे जोड़ें और उनके बीच कैसे जाएं।

सॉल्यूशन एक्सप्लोरर विंडो में, प्रोजेक्ट नाम पर राइट-क्लिक करें, और दिखाई देने वाले मेनू में, जोड़ें चुनें, फिर नया आइटम चुनें, खुलने वाले संवाद बॉक्स में, विंडोज फोन पोर्ट्रेट पेज चुनें और इसे सेकेंडपेज.एक्सएएमएल नाम दें:


अब हमारे पास एक खाली XAML पेज है, जो संपादित करने से पहले MainPage.xaml पेज की एक सटीक प्रति है।

पेजों के बीच बेहतर अंतर करने के लिए, आइए सेकेंडपेज पेज के XAML कोड पर जाएं और नाम पेजटाइटल के साथ टेक्स्टब्लॉक तत्व को संपादित करें पाठ संपत्तिनीचे के अनुसार:

एप्लिकेशन पृष्ठों के बीच नेविगेशन

तो, हमारे पास प्रोजेक्ट में दो पेज हैं; जब एप्लिकेशन शुरू होता है, तो MainPage.xaml पेज प्रदर्शित होता है। अब मैं MainPage.xaml से सेकेंडपेज.xaml पर कैसे जा सकता हूं?

आइए दो कोशिश करें सरल तरीके, इसे कैसे करना है।

MainPage.xaml फ़ाइल के XAML कोड में हमारे द्वारा पहले जोड़े गए बटन कोड के बाद, हाइपरलिंकबटन कोड जोड़ें जैसा कि नीचे दिखाया गया है:

मित्रों को बताओ