इस विंडोज फोन ट्यूटोरियल श्रृंखला के हिस्से के रूप में, सीटीपी उपकरणों के सिल्वरलाइट संस्करण में एप्लिकेशन बनाने और तैनात करने के बारे में जानने के बाद, हम अभिव्यक्ति मिश्रण पर जाते हैं। अभिव्यक्ति मिश्रण पेशेवर डिजाइनरों के लिए एक लेखक प्रणाली है जो उपयोगकर्ता अनुभवों को बनाने के लिए है जो.NET 3.0 + प्लेटफ़ॉर्म को लक्षित करते हैं, और अधिक विशेष रूप से, WPF या Windows प्रेजेंटेशन फाउंडेशन।
आम तौर पर, सिल्वरलाइट नियंत्रणों में टेम्पलेट का उपयोग करके उनके दृश्य उपस्थिति से अलग तर्क होता है। ए ControlTemplate नियंत्रण की दृश्य संरचना और दृश्य व्यवहार निर्दिष्ट करता है। आप अपने डिफ़ॉल्ट को संशोधित करके अधिकांश नियंत्रणों की उपस्थिति को कस्टमाइज़ कर सकते हैं ControlTemplate सेटिंग्स। यह आपको इसकी कार्यक्षमता को बदले बिना नियंत्रण की उपस्थिति को बदलने की अनुमति देता है। उदाहरण के लिए, आप डिफॉल्ट स्क्वायर आकृति के बजाए अपने एप्लिकेशन राउंड में बटन बना सकते हैं, लेकिन बटन अभी भी उठाएगा क्लिक करें घटना।
इस ट्यूटोरियल में, आप विजुअल स्टूडियो प्रोजेक्ट खोलते हैं जिसे आपने पिछले अभ्यास में अभिव्यक्ति मिश्रण में बनाया था और उसे प्रतिस्थापित किया था ControlTemplate बटन को देखने और महसूस करने के लिए बटन का। क्योंकि आप एक बनाते हैं ControlTemplate एक्सएएमएल में, आप किसी भी कोड को लिखने के बिना नियंत्रण की उपस्थिति बदल सकते हैं।
2. यदि आपने पिछले अभ्यास में कदम पूरे किए हैं, तो आप उस अभ्यास के लिए बनाए गए समाधान के साथ जारी रख सकते हैं.
3. अभिव्यक्ति मिश्रण में वर्तमान समाधान खोलें। विजुअल स्टूडियो से ऐसा करने के लिए, राइट-क्लिक करें MainPage.xaml समाधान एक्सप्लोरर में, और फिर अभिव्यक्ति मिश्रण में खोलें का चयन करें। यदि यह विकल्प अनुपलब्ध है- सबसे संभावित कारण यह है कि अभिव्यक्ति मिश्रण का आपका वर्तमान संस्करण आवश्यक प्रोजेक्ट प्रकार का समर्थन नहीं करता है- अस्थायी प्रोजेक्ट बनाने के लिए अगले चरणों का पालन करें जिसे आप अभिव्यक्ति मिश्रण का उपयोग करके संपादित कर सकते हैं
4. माइक्रोसॉफ्ट एक्सप्रेशन ब्लेंड खोलें
5. अस्थायी रूप से अपनी डिज़ाइन संपत्तियों को पकड़ने के लिए एक नई एप्लिकेशन प्रोजेक्ट बनाएं। ऐसा करने के लिए, खोलें फ़ाइल मेनू और फिर चुनें नया काम
6. में नया काम संवाद, का चयन करें सिल्वरलाइट परियोजना प्रकार और फिर चुनें सिल्वरलाइट 3 आवेदन टेम्पलेट। नाम को सेट करें DesignHelloPhone, एक उपयुक्त स्थान चुनें, और भाषा को इस तरह रखें दृश्य सी #, और उसके बाद क्लिक करें ठीक.
7. विजुअल स्टूडियो में, डबल-क्लिक करें App.xaml में समाधान खोजी संपादक में इस फ़ाइल को खोलने के लिए। अब, एक्सएएमएल व्यू खोलें, और फिर पूरे का चयन करें और कॉपी करें Application.Resources क्लिपबोर्ड पर अनुभाग
8. ओपन एक्सप्रेशन फिर से मिश्रण, विस्तार करें DesignHelloPhone में परियोजना परियोजनाओं पैनल, और डबल-क्लिक करें App.xaml फ़ाइल खोलने के लिए
9. प्वाइंट टू सक्रिय दस्तावेज़ देखें में राय मेनू और चयन करें एक्सएएमएल व्यू.
10. खोजें Application.Resources इस फ़ाइल में सेक्शन - यह खाली होना चाहिए- और फिर इसे बदलने के लिए क्लिपबोर्ड की सामग्री पेस्ट करें।
11. अब, नए डाले गए पाठ में सेक्शन का पता लगाएं जो टिप्पणी के साथ सीमित है " ***** LISTBOX / LISTBOXITEM टेम्पलेट्स *****"; इसमें शैलियों को शामिल किया गया है जो सिल्वरलाइट 3 प्रोजेक्ट के अनुकूल नहीं हैं। प्रारंभ और अंत delimiters के बीच पूरे खंड को हटा दें।
12.अब पता लगाएँ आवेदन फ़ाइल के शीर्ष पर तत्व और संदर्भ के लिए एक नया नामस्थान घोषणा डालें प्रणाली में नामस्थान mscorlib विधानसभा, जैसा कि नीचे दिखाया गया है।
xmlns:system='clr-namespace:System;assembly=mscorlib' > # FF1F1F1F काली ?> var13 ->
13. अब बदला बचाओ App.xaml अभिव्यक्ति मिश्रण में।
14. अगला, फिर से विजुअल स्टूडियो खोलें और खोलें MainPage.xaml एक्सएएमएल व्यू में फाइल करें। फिर, चुनें और कॉपी करें ग्रिड तत्व का नाम LayoutRoot क्लिपबोर्ड पर अपने बच्चों सहित।
15. अभिव्यक्ति मिश्रण पर लौटें, खोलें MainPage.xaml एक्सएएमएल व्यू में फ़ाइल करें, और उसके बाद खाली जगह को बदलने के लिए क्लिपबोर्ड की सामग्री पेस्ट करें LayoutRootग्रिड इस फ़ाइल में तत्व।
16. में MainPage.xaml फ़ाइल, रूट का पता लगाएं UserControl तत्व और के मूल्यों को बदलें ऊंचाई की वजह से 800 और यह चौड़ाई की वजह से 480.
17. विजुअल स्टूडियो पर वापस जाएं, राइट-क्लिक करें MainPage.xaml.cs में समाधान खोजी और चयन करें कोड देखें । फिर, कॉपी करें ClickMeButton_Click क्लिपबोर्ड पर घटना हैंडलर।
18. अंत में, अभिव्यक्ति मिश्रण पर लौटें, विस्तार करें MainPage.xaml में नोड परियोजनाओं पैनल, डबल-क्लिक करें MainPage.xaml.cs संपादक में फ़ाइल खोलने के लिए, और क्लिपबोर्ड में कोड पेस्ट करें मुख्य पृष्ठ कक्षा।
अब हमने सफलतापूर्वक हमारे प्रोजेक्ट को अभिव्यक्ति मिश्रण में दोहराया है। कस्टम बटन के लिए डिज़ाइन बनाने के लिए कल प्रकाशित होने के लिए अगला ट्यूटोरियल पढ़ें।