यह ट्यूटोरियल विंडोज फोन ट्यूटोरियल के एक हिस्से के रूप में भाग -1 का एक निरंतरता है: विज़ुअल स्टूडियो से अभिव्यक्ति मिश्रण में कोड को कॉपी और पेस्ट करके, हमने अभिव्यक्ति मिश्रण में सिल्वरलाइट ऐप की प्रतिकृति बनाई है। अब हम निम्नलिखित चरणों का पालन करके एक कस्टम बटन डिजाइन करने जा रहे हैं:
1. पुष्टि करें कि MainPage.xaml डिजाइनर विंडो में खुला है और वर्तमान वर्कस्पेस पर सेट है डिज़ाइन । वर्तमान वर्कस्पेस को देखने के लिए, चुनें कार्यस्थानों में खिड़की मेनू और सुनिश्चित करें कि डिज़ाइन विकल्प चेक किया गया है।
2. डिजाइनर विंडो में, "मुझे क्लिक करें"बटन, इंगित करें टेम्पलेट संपादित करें और चयन करें खाली बनाएं.
3. में ControlTemplate संसाधन बनाएँ संवाद, सेट करें नाम सेवा मेरेFancyButton, वर्तमान मूल्य को रखें " इस दस्तावेज़" में में परिभाषित करें विकल्प, और क्लिक करें ठीक.
4. सुनिश्चित करें कि ऑब्जेक्ट्स और टाइमलाइन पैनल दृश्यमान है, यदि नहीं, तो चुनें खिड़की और फिर ऑब्जेक्ट्स और टाइमलाइन इस पैनल को दिखाने के लिए। अन्यथा आप अपने कार्यक्षेत्र को रीसेट कर सकते हैं।
5. टेम्पलेट के वर्तमान रूट लेआउट कंटेनर बदलें। में ऑब्जेक्ट्स और टाइमलाइन पैनल, बच्चे पर राइट-क्लिक करें ग्रिड अंदर तत्व खाका, इंगित लेआउट प्रकार बदलें, और चयन करें सीमा.
6. के साथ सीमा तत्व अभी भी चुना गया है ऑब्जेक्ट्स और टाइमलाइन पैनल, पर ले जाएँ गुण पैनल और नीचे दिखावट, का मूल्य निर्धारित करें बॉर्डर की मोटाई संपत्ति के लिए2 प्रत्येक पक्ष के लिए और उसके बाद मूल्य निर्धारित करें कोने का अर्द्ध व्यास संपत्ति के लिए15.
7. अगला, में ब्रश खंड, का चयन करें पृष्ठभूमि संपत्ति और उठाओ ग्रेडियेंट ब्रश विकल्प। फिर, बाएं ढाल स्टॉप का चयन करें और इसके मान को हल्के भूरे रंग के रंग में सेट करें, उदाहरण के लिए#FFADADAD। इसके बाद, दाएं ढाल वाले स्टॉप का चयन करें और इसके मान को एक गहरे ग्रे रंग में सेट करें, उदाहरण के लिए# FF0A0A0A.
8. अब, में ब्रश खंड, का चयन करें BorderBrush संपत्ति, एक का चयन करें ठोस रंग ब्रश और उदाहरण के लिए, हल्के भूरे रंग का रंग चुनें# FFC0C0C0.
9. अगला चरण एक कैप्शन जोड़ रहा है। सबसे पहले, सुनिश्चित करें कि सीमा तत्व में चुना गया है ऑब्जेक्ट्स और टाइमलाइन पैनल।
10. अब, पर स्विच करें संपत्ति पैनल, का चयन करें नियंत्रण श्रेणी, और पता लगाने के लिए श्रेणी के दाईं ओर प्रदर्शित सूची को नीचे स्क्रॉल करें TextBlock नियंत्रण। फिर, अंदर दिए गए इस नियंत्रण का उदाहरण डालने के लिए सूची में आइटम को डबल-क्लिक करें सीमा टेम्पलेट का तत्व।
11.अब, में उपकरण पैनल, उठाओ चयन उपकरण या प्रेस वी चयन मोड बहाल करने के लिए।
12. में ऑब्जेक्ट्स और टाइमलाइन पैनल, नए जोड़े का चयन करें TextBlock तत्व। फिर, में गुण पैनल, का विस्तार करें ब्रश श्रेणी और सेट करें अग्रभूमि एक हल्के रंग के लिए ब्रश, उदाहरण के लिए#FFFFFFFF.
13. अब, विस्तार करें ख़ाका श्रेणी और के मूल्य निर्धारित करें क्षैतिज संरेखण तथा लंबवत संरेखण संपत्तियों के लिएकेंद्र। फिर, का मान निर्धारित करें हाशिया संपत्ति के लिए10 बाएं और दाएं किनारे के लिए, और4 ऊपर और नीचे के पक्षों के लिए।
14. लिंक करें टेक्स्ट की संपत्ति पाठ बॉक्स टेम्पलेट में नियंत्रण करने के लिए सामग्री बटन टेम्पलेट नियंत्रण की संपत्ति। यह करने के लिए:
- इसका विस्तार करें सामान्य गुण वर्ग
- क्लिक करें उन्नत संपत्ति विकल्प- संपत्ति के मूल्य के बगल में एक वर्ग आइकन द्वारा इंगित किया गया
- चुनते हैं टेम्पलेट बाध्यकारी टेम्पलेट नियंत्रण में गुणों की एक सूची प्रदर्शित करने के लिए जो इस संपत्ति से बंधे जा सकते हैं
- चुनना सामग्री इस सूची से संपत्ति नोटिस कि इसका मूल्य टेक्स्ट संपत्ति में परिवर्तन "मुझे क्लिक करें"- वर्तमान में मूल्य के लिए निर्धारित मूल्य सामग्री बटन की संपत्ति- और यह कि संपत्ति अब पीले रूपरेखा के साथ दिखाया गया है यह इंगित करने के लिए कि यह टेम्पलेट-बाध्य है।
15. प्रेस CTRL + एस अद्यतन फ़ाइल को सहेजने के लिए।
16. अब आप नए कस्टम बटन का परीक्षण करने के लिए तैयार हैं। दबाएँ F5 आवेदन बनाने और चलाने के लिए
संबंधित पोस्ट:
- सभी भाषाओं के लिए विंडोज लाइव अनिवार्य ऑफ़लाइन इंस्टॉलर लिंक
- विंडोज लाइव राइटर कीबोर्ड शॉर्टकट की पूरी सूची
- विजुअल बेसिक उपयोगकर्ताओं के लिए मुफ्त विंडोज मेट्रो स्टाइल टेम्पलेट
- विंडोज फोन ट्यूटोरियल 11: बैनर टेक्स्ट के लिए एनीमेशन बनाना
- वर्चुअलबॉक्स में टेस्ट ड्राइव विंडोज ओएस - विस्तृत स्क्रीनशॉट गाइड