थीम आपके उपयोगकर्ताओं को विशिष्ट विवरणों में शामिल किए बिना आपके एप्लिकेशन को अनुकूलित करने देने का एक शानदार तरीका है।
आधुनिक अनुप्रयोगों के लिए विभिन्न विषयों के बीच स्विच करने का विकल्प होना आम बात है। उदाहरण के लिए, कुछ एप्लिकेशन आपको लाइट थीम या डार्क थीम के बीच स्वैप करने की अनुमति देते हैं, जबकि अन्य में अधिक थीम विकल्प हो सकते हैं।
विंडोज फॉर्म एक यूआई फ्रेमवर्क है जो आपको डेस्कटॉप एप्लिकेशन बनाने की अनुमति देता है। आप प्रत्येक थीम के लिए चयन करने योग्य बटन बनाकर विंडोज़ फॉर्म ऐप में थीम लागू कर सकते हैं।
जब उपयोगकर्ता किसी विषयवस्तु का चयन करता है, तो आप चयनित विषयवस्तु से मेल खाने के लिए प्रत्येक तत्व की पृष्ठभूमि का रंग या पाठ का रंग गुण बदल सकते हैं।
विंडोज फॉर्म प्रोजेक्ट कैसे सेट करें
सबसे पहले, एक नया विंडोज फॉर्म ऐप बनाएं। बटन और लेबल जैसे कुछ बुनियादी नियंत्रणों के साथ नए प्रोजेक्ट को पॉप्युलेट करें।
- बनाओ नया विंडोज़ फॉर्म एप्लीकेशन विजुअल स्टूडियो में।
- नए प्रोजेक्ट में, बटन नियंत्रण खोजने के लिए टूलबॉक्स का उपयोग करें।
- को चुनिए बटन नियंत्रण और इसे कैनवास पर खींचें। कुल तीन बटन नियंत्रण जोड़ें।
- टूलबॉक्स का उपयोग करके, क्लिक करें और खींचें लेबल नियंत्रण कैनवास पर। लेबल को बटनों के नीचे रखें।
- गुण विंडो का उपयोग करके बटन और लेबल को स्टाइल करें। गुणों को निम्न में बदलें:
नियंत्रण संपत्ति का नाम नया मूल्य बटन1 आकार 580, 200 फ्लैट स्टाइल समतल मूलपाठ उपयोगकर्ताओं बटन 2 आकार 580, 100 फ्लैट स्टाइल समतल मूलपाठ हिसाब किताब बटन3 आकार 580, 100 फ्लैट स्टाइल समतल मूलपाठ अनुमतियां लेबल1 मूलपाठ कॉपीराइट 2022
सेटिंग्स बटन और विषयों की सूची कैसे बनाएं
काम करने के लिए एक साधारण थीम मेनू के लिए, प्रत्येक थीम का प्रतिनिधित्व करने के लिए कई बटन बनाएं। एप्लिकेशन में तीन थीम, एक "लाइट" थीम, एक "नेचर" थीम और एक "डार्क" थीम शामिल होगी।
- सेटिंग्स (या "थीम") बटन का प्रतिनिधित्व करने के लिए कैनवास में एक और बटन नियंत्रण जोड़ें।
- इस बटन के गुणों को निम्न में बदलें:
संपत्ति का नाम नया मूल्य नाम बीटीएनथीम सेटिंग्स फ्लैट स्टाइल समतल आकार 200, 120 मूलपाठ विषयों - कैनवास पर तीन और बटन खींचें। ये बटन तीन अलग-अलग थीम का प्रतिनिधित्व करेंगे। प्रत्येक बटन के गुणों को निम्न में बदलें:
नियंत्रण संपत्ति का नाम नया मूल्य पहला बटन नाम बीटीएनलाइट थीम पिछला रंग सफेद धुआं आकार 200, 80 फ्लैट स्टाइल समतल मूलपाठ रोशनी दृश्यमान असत्य दूसरा बटन नाम बीटीएन नेचर थीम पिछला रंग डार्क सीग्रीन आकार 200, 80 फ्लैट स्टाइल समतल मूलपाठ प्रकृति दृश्यमान असत्य तीसरा बटन नाम बीटीएनडार्कथीम पिछला रंग डिमग्रे फ़ोर कलर सफेद आकार 200, 80 फ्लैट स्टाइल समतल मूलपाठ अँधेरा दृश्यमान असत्य - पर डबल-क्लिक करें विषयों बटन। यह "ऑन क्लिक" ईवेंट को संभालने के लिए एक विधि तैयार करेगा। जब उपयोगकर्ता इस बटन पर क्लिक करेगा तो विधि चलेगी।
- डिफ़ॉल्ट रूप से, "लाइट", "नेचर" और "डार्क" थीम दिखाई नहीं देंगे। फ़ंक्शन के अंदर, बटन की दृश्यता को दिखाने या छिपाने के लिए टॉगल करने के लिए कार्यक्षमता जोड़ें।
निजीशून्यbtnथीमसेटिंग्स_क्लिक(वस्तु प्रेषक, EventArgs e)
{
बीटीएन नेचर थीम। विज़िबल = !btnNatureTheme. दृश्यमान;
बीटीएनलाइट थीम। दर्शनीय = !btnLightTheme. दृश्यमान;
बीटीएन डार्क थीम। विज़िबल = !btnDarkTheme. दृश्यमान;
} - विजुअल स्टूडियो विंडो के शीर्ष पर हरे रंग के प्ले बटन पर क्लिक करके एप्लिकेशन को चलाएं।
- रनटाइम पर, एप्लिकेशन डिफ़ॉल्ट रूप से तीनों विषयों में से प्रत्येक के लिए बटन छुपाएगा।
- पर क्लिक करें विषयों दिखाने के लिए विषयों को टॉगल करने के लिए बटन। आप प्रेस करना जारी रख सकते हैं विषयों उनकी दृश्यता को चालू करने के लिए बटन।
अपनी थीम कैसे प्रबंधित करें
प्रत्येक विषय के लिए अलग-अलग रंगों को संग्रहीत करने के लिए शब्दकोश बनाएं जिनका वह उपयोग करेगा। ऐसा इसलिए है ताकि आप अपने सभी थीम रंगों को एक ही स्थान पर संग्रहीत कर सकें, यदि आपको उन्हें कई बार उपयोग करने की आवश्यकता हो। यदि आप भविष्य में किसी थीम को नए रंगों के साथ अपडेट करना चाहते हैं तो यह भी आसान बनाता है।
- डिफ़ॉल्ट के शीर्ष पर फॉर्म1.सीएस सी # फ़ाइल और अंदर प्रपत्र क्लास, एक वैश्विक एनम बनाएं। यह एनम थीम में आपके द्वारा उपयोग किए जाने वाले विभिन्न प्रकार के रंगों को संग्रहीत करेगा।
एन्यूम थीम रंग
{
मुख्य,
माध्यमिक,
तृतीयक,
मूलपाठ
} - नीचे, तीन वैश्विक शब्दकोश घोषित करें, तीन विषयों में से प्रत्येक के लिए एक। आप शब्दकोशों के बारे में अधिक पढ़ सकते हैं यदि आप a. का उपयोग करने के तरीके से अपरिचित हैं सी # में शब्दकोश.
शब्दकोष<थीम रंग, रंग> प्रकाश = नया शब्दकोश<थीम रंग, रंग>();
शब्दकोष<थीम रंग, रंग> प्रकृति = नया शब्दकोश<थीम रंग, रंग>();
शब्दकोष<थीम रंग, रंग> डार्क = नया शब्दकोश<थीम रंग, रंग>(); - कंस्ट्रक्टर के अंदर, डिक्शनरी को इनिशियलाइज़ करें। प्रत्येक थीम द्वारा उपयोग किए जाने वाले विभिन्न रंगों के लिए मान जोड़ें।
जनता फॉर्म 1()
{
प्रारंभिक कॉम्पोनेंट ();
// यहां शब्दकोश जोड़ें
प्रकाश = नया शब्दकोश<थीम रंग, रंग>() {
{थीमकलर। प्राथमिक रंग। सफेद धुआं },
{थीमकलर। माध्यमिक, रंग। चाँदी },
{थीमकलर। तृतीयक, रंग। सफेद },
{थीमकलर। लिखावट का रंग। काला }
};
प्रकृति = नया शब्दकोश<थीम रंग, रंग>() {
{थीमकलर। प्राथमिक रंग। डार्कसीग्रीन},
{थीमकलर। माध्यमिक, रंग। ऐलिसब्लू},
{थीमकलर। तृतीयक, रंग। खरबूज़ा },
{थीमकलर। लिखावट का रंग। काला }
};
डार्क = नया शब्दकोश<थीम रंग, रंग>() {
{थीमकलर। प्राथमिक रंग। डिमग्रे},
{थीमकलर। माध्यमिक, रंग। डिमग्रे},
{थीमकलर। तृतीयक, रंग। काला },
{थीमकलर। लिखावट का रंग। सफेद }
};
}
थीम कैसे बदलें
एप्लिकेशन की थीम को प्रबंधित करने के लिए फ़ंक्शन बनाएं। ये फ़ंक्शन कैनवास पर UI तत्वों की पृष्ठभूमि का रंग या टेक्स्ट का रंग बदल देंगे।
- नामक एक नया फ़ंक्शन बनाएं विषय को परिवर्तित करें(). फ़ंक्शन थीम के लिए तर्कों के रूप में रंग लेगा।
- फ़ंक्शन के अंदर, UI तत्वों के पृष्ठभूमि रंग गुणों को बदलें। नए पृष्ठभूमि रंग चयनित थीम के लिए रंगों का उपयोग करेंगे।
निजीशून्यविषय को परिवर्तित करें(रंग प्राथमिक रंग, रंग माध्यमिक रंग, रंग तृतीयक रंग)
{
// बटन का बैकग्राउंड कलर बदलें
बीटीएन थीम सेटिंग्स। बैककलर = प्राइमरी कलर;
बटन 1. बैककलर = प्राथमिक रंग;
बटन 2. बैककलर = सेकेंडरी कलर;
बटन3.बैककलर = सेकेंडरीकलर;
यह.बैककलर = तृतीयक रंग;
} - नामक एक नया फ़ंक्शन बनाएं टेक्स्ट रंग बदलें (). आप इसका उपयोग टेक्स्ट के रंग को डार्क और लाइट के बीच बदलने के लिए कर सकते हैं। यह सुनिश्चित करने के लिए है कि एक गहरे रंग की पृष्ठभूमि पर पाठ अभी भी पठनीय होगा।
निजीशून्यटेक्स्ट रंग बदलें(रंग पाठ रंग)
{
// परिवर्तन रंग कामूलपाठ
बटन 1. फोरकोलर = टेक्स्ट कलर;
button2.ForeColor = textColor;
button3.ForeColor = textColor;
लेबल 1. फोरकोलर = टेक्स्ट कलर;
बीटीएन थीम सेटिंग्स। फोरकोलर = टेक्स्ट कलर;
} - डिज़ाइनर से, "लाइट" बटन नियंत्रण पर डबल-क्लिक करें। यह कोड-बैक फ़ाइल को खोलेगा और जब उपयोगकर्ता बटन पर क्लिक करेगा तो एक ईवेंट हैंडलर जेनरेट करेगा।
- ईवेंट हैंडलर के अंदर, का उपयोग करें विषय को परिवर्तित करें() तथा टेक्स्ट रंग बदलें () कार्य। थीम द्वारा उपयोग किए जा रहे रंगों को इनपुट करें। आप इन रंगों को "लाइट" थीम डिक्शनरी से पुनः प्राप्त कर सकते हैं।
निजीशून्यbtnLightTheme_Click(वस्तु प्रेषक, EventArgs e)
{
विषय को परिवर्तित करें(रोशनी[थीम रंग। मुख्य], रोशनी[थीम रंग। माध्यमिक], रोशनी[थीम रंग। तृतीयक]);
टेक्स्ट रंग बदलें(रोशनी[थीम रंग। मूलपाठ]);
} - डिजाइनर के पास वापस जाएं और "नेचर" और "डार्क" बटन पर क्लिक करें। उपयोग विषय को परिवर्तित करें() तथा टेक्स्ट रंग बदलें () उनके ईवेंट हैंडलर में भी कार्य करता है।
निजीशून्यbtnनेचरथीम_क्लिक(वस्तु प्रेषक, EventArgs e)
{
विषय को परिवर्तित करें(प्रकृति[थीम रंग। मुख्य], प्रकृति[थीम रंग। माध्यमिक], प्रकृति[थीम रंग। तृतीयक]);
टेक्स्ट रंग बदलें(प्रकृति[थीम रंग। मूलपाठ]);
}
निजीशून्यbtnडार्कथीम_क्लिक(वस्तु प्रेषक, EventArgs e)
{
विषय को परिवर्तित करें(अँधेरा[थीम रंग। मुख्य], अँधेरा[थीम रंग। माध्यमिक], अँधेरा[थीम रंग। तृतीयक]);
टेक्स्ट रंग बदलें(अँधेरा[थीम रंग। मूलपाठ]);
} - डिफ़ॉल्ट रूप से, जब उपयोगकर्ता पहली बार ऐप खोलता है तो थीम को "लाइट" थीम पर सेट किया जाना चाहिए। कंस्ट्रक्टर में, शब्दकोशों के नीचे, का उपयोग करें विषय को परिवर्तित करें() तथा टेक्स्ट रंग बदलें () कार्य।
विषय को परिवर्तित करें(रोशनी[थीम रंग। मुख्य], रोशनी[थीम रंग। माध्यमिक], रोशनी[थीम रंग। तृतीयक]);
टेक्स्ट रंग बदलें(रोशनी[थीम रंग। मूलपाठ]); - विजुअल स्टूडियो विंडो के शीर्ष पर हरे रंग के प्ले बटन पर क्लिक करके एप्लिकेशन को चलाएं।
- डिफ़ॉल्ट रूप से, एप्लिकेशन "लाइट" थीम का उपयोग करता है और UI नियंत्रणों के लिए ग्रे रंग योजना लागू करता है। थीम की सूची देखने के लिए थीम बटन को टॉगल करें।
- नेचर थीम पर क्लिक करें।
- डार्क थीम पर क्लिक करें।
विंडोज फॉर्म का उपयोग करके एप्लिकेशन बनाना
कई एप्लिकेशन उपयोगकर्ता को कई विषयों के बीच स्विच करने की अनुमति देते हैं। आप उपयोगकर्ता के चयन के लिए विकल्प बनाकर विंडोज फॉर्म एप्लिकेशन में थीम जोड़ सकते हैं।
जब उपयोगकर्ता किसी थीम पर क्लिक करता है, तो आप चयनित थीम में उपयोग किए गए रंगों से मेल खाने के लिए पृष्ठभूमि का रंग, टेक्स्ट या कोई अन्य गुण बदल सकते हैं।
प्रत्येक थीम के लिए रंग विजुअल स्टूडियो के अंतर्निर्मित रंगों का उपयोग करते हैं। उपयोगकर्ताओं को बेहतर अनुभव देने के लिए आपको उचित रंग योजना का उपयोग करने की आवश्यकता होगी। आप अपने ऐप के लिए रंग योजना चुनने के विभिन्न तरीकों के बारे में अधिक जान सकते हैं।