छवि नियंत्रण के साथ काम करना: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - भाग 18

छवि नियंत्रण के साथ काम करना: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - भाग 18
छवि नियंत्रण के साथ काम करना: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - भाग 18

वीडियो: छवि नियंत्रण के साथ काम करना: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - भाग 18

वीडियो: छवि नियंत्रण के साथ काम करना: विंडोज फोन ऐप डेवलपमेंट ट्यूटोरियल - भाग 18
वीडियो: Fix USB Ports Not Working in Windows 10 - YouTube 2024, मई
Anonim

अब जब हम विंडोज फोन 7.5 मैंगो ऐप डेवलपमेंट सीरीज़ की इस कला में एक्सएएमएल इवेंट और इनपुट कंट्रोल के बारे में बताते हैं, तो हम छवि नियंत्रण पर एक नज़र डालेंगे जो आपको अपने सिल्वरलाइट विंडोज फोन 7 एप्लिकेशन में छवियों को प्रदर्शित करने में सक्षम बनाता है।

तो चलो शुरू करते है!

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

एक छवि का चयन करने पर कुछ दिलचस्प चीजें होती हैं। सबसे पहले विजुअल स्टूडियो स्वचालित रूप से छवियों के नाम से एक फ़ोल्डर बनाता है और आपके द्वारा चुने गए छवि फ़ाइल को जोड़ता है। दूसरा, यह छवि को एक्सेस करने के लिए एक यूआरआई (यूनिफ़ॉर्म रिसोर्स आइडेंटिफायर) / पथ बनाता है, जैसे '/Images;component/Images/Picture1.jpg'। / छवि तैनाती पैकेज को संदर्भित करती है और अर्धविराम फोन के बाद उस फ़ाइल को तैनाती पैकेज के भीतर उस फ़ाइल को संदर्भित करने के बाद आता है, यानी xap फ़ाइल। एक बार जब आप छवि विंडो चुनें के ठीक बटन पर क्लिक करते हैं तो छवि छवि नियंत्रण में लोड हो जाती है।

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

इस सबक को दूर करने से पहले एक आखिरी बात। यदि आप छवि को सी # कोड के माध्यम से सेट करना चाहते हैं तो आपको बस बिटमैप छवि ऑब्जेक्ट का ऑब्जेक्ट बनाना है और ओवरलोडेड कन्स्ट्रक्टर में यूआरआई निर्दिष्ट करना है। एक बार BitmapImage ऑब्जेक्ट बनाया गया है, तो आपको इसे छवि नियंत्रण की स्रोत प्रॉपर्टी के बराबर करना है।

बिटमैप इमेज myImage = नया बिटमैप इमेज (नया उरी ("/ छवियां; घटक / छवियां / पेंगुइन.जेपीजी", उरीकिंड। रिलेवेटिव));

image1.Source = myImage;

यह बहुत ही सरल नियंत्रण है और इसकी उपयोगिता कई जगहों पर परोसा जाता है।

यह अभी के लिए है, अगले ट्यूटोरियल में हम शैलियों और संसाधनों के बारे में और जानेंगे।

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

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

सिफारिश की: