छवि नियंत्रण के बारे में सीखने के बाद, हमारी ट्यूटोरियल श्रृंखला के इस हिस्से में, हम कार्यक्षमता के बजाय अनुप्रयोगों के पहलू को डिजाइन करने के बारे में और जानेंगे। हम आपके आवेदन के भीतर रंगों की उपयोगकर्ता की पसंद का उपयोग करने के तरीके के बारे में जानेंगे, हम अलग-अलग फोंट और रंग सेटिंग्स का चयन करने के बारे में भी देखेंगे और आखिरकार हम कस्टम सेटिंग्स को गठबंधन करने के तरीके को देखेंगे जो हम शैलियों में बनाएंगे, जिनका उपयोग किया जा सकता है एकल पृष्ठ पर या पूरे आवेदन में।
आइए तुरंत शुरू करें। सामान्य रूप से कुछ नाम के साथ एक नई परियोजना बनाएं और कहीं भी एक बटन रखें। अब एमुलेटर शुरू करें और स्टार्ट बटन पर क्लिक करें। तो आप सेटिंग्स टैब पर जा सकते हैं (आईई आइकन के बगल में प्रदर्शित दिशात्मक तीर पर क्लिक करें)। अब जब आप सेटिंग्स तक पहुंच जाते हैं, तो थीम पर जाएं। यहां आप उपयोगकर्ता पृष्ठभूमि रंग के साथ ही अग्रभूमि रंग बदल सकते हैं। अब यदि आप अलग-अलग अग्रभूमि रंग का चयन करते हैं और एप्लिकेशन शुरू करते हैं, तो आपको कोई फर्क नहीं पड़ता या एप्लिकेशन शैली नहीं है क्योंकि हमने उपयोगकर्ताओं के विकल्प का पालन करने के लिए हमारे आवेदन का आदेश नहीं दिया है।
तो इन स्टेटिक संसाधनों को परिभाषित किया गया है? आप उन्हें हमारी परियोजना में खोज नहीं पाएंगे। वे पहले से ही हमारे विंडोज फोन 7.5 पर मौजूद हैं और थीम संसाधन के रूप में जाना जाता है। यदि आप थीम संसाधनों के बारे में और जानना चाहते हैं, तो एमएसडीएन पर एक शानदार पृष्ठ है जहां सभी ब्रश (स्थिर संसाधन) सूचीबद्ध हैं। यद्यपि सूचीबद्ध दर्जनों संसाधन हैं, हम अपने आवेदन, फोनएक्सेन्टब्रश के लिए केवल एक संसाधन का उपयोग करेंगे। यह पृष्ठभूमि और अग्रभूमि रंग तक पहुंच प्रदान करेगा। हम इस संसाधन को दो तरीकों से किसी भी तरीके से जोड़ सकते हैं, या तो इसे गुण विंडो के माध्यम से जोड़कर या कोड विंडो में परिभाषित करके जोड़ सकते हैं।
आइए कोड को संपादित करना शुरू करें। XAML विंडो में हमारे पास बटन के लिए कोड क्षेत्र में निम्न पंक्तियां टाइप करना प्रारंभ करें।
BorderBrush = "{StaticResource PhoneAccentBrush}"
एक बार जब आप इस पंक्ति को लिख लेंगे, तो आप देखेंगे कि बटन की सीमा नीली हो जाती है। अब नीला क्यों? क्योंकि ये कुछ डिफ़ॉल्ट सेटिंग हैं जो माइक्रोसॉफ्ट ने विंडोज फोन डेवलपर टूल में किया है। चलो अब अग्रभूमि संपत्ति बदलते हैं लेकिन इस बार संपत्ति खिड़की का उपयोग कर। बटन का चयन करें और अपनी प्रॉपर्टी विंडो पर जाएं और फोरग्राउंड प्रॉपर्टी की तलाश करें। उस संपत्ति पर राइट क्लिक करें और "संसाधन लागू करें" पर क्लिक करें। एक बार ऐसा करने के बाद, यह आपको उपलब्ध शैलियों की एक सूची दिखाएगा। जैसा कि हमने पृष्ठभूमि के साथ किया था "PhoneAccentBrush" पर क्लिक करें। अब पृष्ठभूमि को बदलने के साथ ही एमुलेटर के अग्रभूमि रंग को बदलने का प्रयास करें और फिर एप्लिकेशन चलाएं।