एप्लिकेशन बार के साथ काम करना: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - भाग 22

एप्लिकेशन बार के साथ काम करना: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - भाग 22
एप्लिकेशन बार के साथ काम करना: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - भाग 22

वीडियो: एप्लिकेशन बार के साथ काम करना: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - भाग 22

वीडियो: एप्लिकेशन बार के साथ काम करना: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - भाग 22
वीडियो: Share Folder in Windows 10 / 8 / 7 | Network File Access Sharing in 4 Steps - YouTube 2024, मई
Anonim

हमारे विंडोज फोन 7.5 मैंगो ऐप डेवलपमेंट सीरीज़ के आखिरी हिस्से में, हमने देखा कि इस ट्यूटोरियल में XAML पृष्ठों के बीच नेविगेट कैसे करें, हम एप्लिकेशन बार पर एक नज़र डालेंगे।

एप्लिकेशन बार मेनू के समान है। इसमें बहुत ऊपर आइकन हैं जो नीचे की तरफ देख रहे हैं और एक इलिप्सिस बटन जो क्लिक करते समय कई पाठ्य मेनू विकल्पों को दिखाता है। हम मौजूदा एक्सएएमएल पेज पर कुछ ऑपरेशन करने के लिए इन विकल्पों का उपयोग कर सकते हैं या उपयोगकर्ता को हमारे आवेदन के एक नए क्षेत्र में नेविगेट कर सकते हैं। एप्लिकेशन बार के बारे में अच्छी बात यह है कि यह ज्यादातर छुपा रहता है और एप्लिकेशन के मूल उपयोगकर्ता इंटरफ़ेस में हस्तक्षेप नहीं करता है।

चलो आगे बढ़ें और एक लाइव उदाहरण के साथ काम करते हैं।

एक अद्वितीय नाम के साथ एक नया विंडोज फोन 7.5 परियोजना बनाएँ; कुछ "एप्लिकेशनबारडेमो" जैसे कुछ। इसके बाद हम समाधान एक्सप्लोरर विंडो में प्रोजेक्ट नाम पर राइट-क्लिक करें और मेनू से जोड़ें का चयन करें। उप मेनू से नया फ़ोल्डर चुनें और "आइकन" के रूप में बनाए गए नए फ़ोल्डर का नाम दें। आइकन फ़ोल्डर आइकन स्टोर करेगा जो एप्लिकेशन बार में प्रदर्शित होंगे। अब "सी: प्रोग्राम फ़ाइलें माइक्रोसॉफ्ट एसडीके विंडोज फोन v7.0 प्रतीक अंधेरे" पर नेविगेट करें और अपने प्रोजेक्ट के आइकन फ़ोल्डर में आइकन खींचें और ड्रॉप करें (प्लस और माइनस साइन) ताकि वे अब एक हिस्सा बन जाए आपकी परियोजना का संसाधन से सामग्री तक प्रत्येक आइकन की बिल्ड एक्शन प्रॉपर्टी बदलें।

विजुअल स्टूडियो हमें प्रत्येक पृष्ठ के लिए एक्सएएमएल कोड में एप्लिकेशन बार का बुनियादी ढांचा प्रदान करता है। एप्लिकेशन बार के लिए कोड का पता लगाने के लिए डिज़ाइन विंडो में XAML कोड के नीचे नेविगेट करें। एक्सएएमएल कोड संपादित करें ताकि यह निम्न जैसा दिखता हो
विजुअल स्टूडियो हमें प्रत्येक पृष्ठ के लिए एक्सएएमएल कोड में एप्लिकेशन बार का बुनियादी ढांचा प्रदान करता है। एप्लिकेशन बार के लिए कोड का पता लगाने के लिए डिज़ाइन विंडो में XAML कोड के नीचे नेविगेट करें। एक्सएएमएल कोड संपादित करें ताकि यह निम्न जैसा दिखता हो

ApplicationBarIconButton IconUri = "/ images / appbar.minus.rest.png" टेक्स्ट = "निकालें" क्लिक करें = "ApplicationBarIconButton_Click" />

ApplicationBarIconButton IconUri = "/ images / appbar.new.rest.png" टेक्स्ट = "जोड़ें" क्लिक करें = "ApplicationBarIconButton_Click_1" />

ApplicationBarIconButton IconUri = "/ images / appbar.minus.rest.png" टेक्स्ट = "निकालें" क्लिक करें = "ApplicationBarIconButton_Click" />

ApplicationBarIconButton IconUri = "/ images / appbar.new.rest.png" टेक्स्ट = "जोड़ें" क्लिक करें = "ApplicationBarIconButton_Click_1" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 1" क्लिक करें = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 2" क्लिक करें = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 3" क्लिक करें = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 4" क्लिक करें = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 5" क्लिक करें = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 6" क्लिक करें = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 7" क्लिक करें = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 8" क्लिक करें = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 9" क्लिक करें = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 10" क्लिक करें = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 11" क्लिक करें = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem टेक्स्ट = "मेनू 12" क्लिक करें = "ApplicationBarMenuItem_Click_1" />

एप्लिकेशन बार अधिकतम पर चार आइकन बटन और टेक्स्ट मेनू मेनू की असीमित संख्या रख सकता है।

आइए एप्लिकेशन बार आइकन कोड के लिए एक्सएएमएल कोड देखें

ApplicationBarIconButton IconUri = "/ images / appbar.minus.rest.png" टेक्स्ट = "निकालें" क्लिक करें = "ApplicationBarIconButton_Click" />

प्रत्येक एप्लिकेशन बार आइकन बटन में कई गुण होते हैं। IconUri प्रॉपर्टी का उपयोग आइकन के लिए यूरी सेट करने के लिए किया जाता है। टेक्स्ट प्रॉपर्टी आइकन के नीचे प्रदर्शित होने के लिए लघु टेक्स्ट सेट करती है। क्लिक ईवेंट आइकन पर क्लिक होने पर कार्यक्षमता को निष्पादित करने में हमारी सहायता करता है।

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

संबंधित पोस्ट:

  • विंडोज फोन ट्यूटोरियल 8: अभिव्यक्ति मिश्रण -1 में एक कस्टम बटन बनाना
  • एक्सएएमएल पेजों के बीच नेविगेटिंग: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - भाग 21
  • विंडोज फोन ट्यूटोरियल 4: यूजर इंटरफेस डिजाइनिंग
  • जीपीएस, स्थान एपीआई और कॉलिंग वेब सेवाएं: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - 25
  • एक्सएएमएल को समझना: विंडोज फोन ऐप डेवलपमेंट टूरियल - भाग 15

सिफारिश की: