WinForms: अपने एप्लिकेशन में एकाधिक थीम कैसे जोड़ें

आधुनिक अनुप्रयोगों के लिए विभिन्न विषयों के बीच स्विच करने का विकल्प होना आम बात है। उदाहरण के लिए, कुछ एप्लिकेशन आपको लाइट थीम या डार्क थीम के बीच स्वैप करने की अनुमति देते हैं, जबकि अन्य में अधिक थीम विकल्प हो सकते हैं।

विंडोज फॉर्म एक यूआई फ्रेमवर्क है जो आपको डेस्कटॉप एप्लिकेशन बनाने की अनुमति देता है। आप प्रत्येक थीम के लिए चयन करने योग्य बटन बनाकर विंडोज़ फॉर्म ऐप में थीम लागू कर सकते हैं।

दिन का मेकअप वीडियो

जब उपयोगकर्ता किसी विषयवस्तु का चयन करता है, तो आप चयनित विषयवस्तु से मेल खाने के लिए प्रत्येक तत्व की पृष्ठभूमि का रंग या पाठ का रंग गुण बदल सकते हैं।

रास्पबेरी पाई पर स्थिर आईपी कैसे सेट करें?

विंडोज फॉर्म प्रोजेक्ट कैसे सेट करें

सबसे पहले, एक नया विंडोज फॉर्म ऐप बनाएं। बटन और लेबल जैसे कुछ बुनियादी नियंत्रणों के साथ नए प्रोजेक्ट को पॉप्युलेट करें।

आप उन्हें जाने बिना स्नैपचैट पर स्क्रीनशॉट कैसे लेते हैं

बनाओ नया विंडोज़ फॉर्म एप्लीकेशन विजुअल स्टूडियो में।
नए प्रोजेक्ट में, बटन नियंत्रण खोजने के लिए टूलबॉक्स का उपयोग करें।
को चुनिए बटन नियंत्रण और इसे कैनवास पर खींचें। कुल तीन बटन नियंत्रण जोड़ें।
टूलबॉक्स का उपयोग करके, क्लिक करें और खींचें लेबल नियंत्रण कैनवास पर। लेबल को बटनों के नीचे रखें।

गुण विंडो का उपयोग करके बटन और लेबल को स्टाइल करें। गुणों को निम्न में बदलें:

बटन1	आकार	580, 200
	फ्लैट स्टाइल	समतल
	मूलपाठ	उपयोगकर्ताओं
बटन 2	आकार	580, 100
	फ्लैट स्टाइल	समतल
	मूलपाठ	हिसाब किताब
बटन3	आकार	580, 100
	फ्लैट स्टाइल	समतल
	मूलपाठ	अनुमतियां
लेबल1	मूलपाठ	कॉपीराइट 2022

सेटिंग्स बटन और विषयों की सूची कैसे बनाएं

काम करने के लिए एक साधारण थीम मेनू के लिए, प्रत्येक थीम का प्रतिनिधित्व करने के लिए कई बटन बनाएं। एप्लिकेशन में तीन थीम, एक 'लाइट' थीम, एक 'नेचर' थीम और एक 'डार्क' थीम शामिल होगी।

सेटिंग्स (या 'थीम') बटन का प्रतिनिधित्व करने के लिए कैनवास में एक और बटन नियंत्रण जोड़ें।
इस बटन के गुणों को निम्न में बदलें:

नाम बीटीएनथीम सेटिंग्स

फ्लैट स्टाइल समतल

आकार 200, 120

मूलपाठ विषयों

कैनवास पर तीन और बटन खींचें। ये बटन तीन अलग-अलग थीम का प्रतिनिधित्व करेंगे। प्रत्येक बटन के गुणों को निम्न में बदलें:

पहला बटन	नाम	बीटीएनलाइट थीम
	पिछला रंग	सफेद धुआं
	आकार	200, 80
	फ्लैट स्टाइल	समतल
	मूलपाठ	रोशनी
	दृश्यमान	असत्य
दूसरा बटन	नाम	बीटीएन नेचर थीम
	पिछला रंग	डार्क सीग्रीन
	आकार	200, 80
	फ्लैट स्टाइल	समतल
	मूलपाठ	प्रकृति
	दृश्यमान	असत्य
तीसरा बटन	नाम	बीटीएनडार्कथीम
	पिछला रंग	डिमग्रे
	फ़ोर कलर	सफेद
	आकार	200, 80
	फ्लैट स्टाइल	समतल
	मूलपाठ	अँधेरा
	दृश्यमान	असत्य

पर डबल-क्लिक करें विषयों बटन। यह 'ऑन क्लिक' ईवेंट को संभालने के लिए एक विधि तैयार करेगा। जब उपयोगकर्ता इस बटन पर क्लिक करेगा तो विधि चलेगी।
डिफ़ॉल्ट रूप से, 'लाइट', 'नेचर' और 'डार्क' थीम दिखाई नहीं देंगे। फ़ंक्शन के अंदर, बटन की दृश्यता को दिखाने या छिपाने के लिए टॉगल करने के लिए कार्यक्षमता जोड़ें।
```
private void btnThemeSettings_Click(object sender, EventArgs e) 
{ 
    btnNatureTheme.Visible = !btnNatureTheme.Visible; 
    btnLightTheme.Visible = !btnLightTheme.Visible; 
    btnDarkTheme.Visible = !btnDarkTheme.Visible; 
} 
```
विजुअल स्टूडियो विंडो के शीर्ष पर हरे रंग के प्ले बटन पर क्लिक करके एप्लिकेशन को चलाएं।
रनटाइम पर, एप्लिकेशन डिफ़ॉल्ट रूप से तीनों विषयों में से प्रत्येक के लिए बटन छुपाएगा।
पर क्लिक करें विषयों दिखाने के लिए विषयों को टॉगल करने के लिए बटन। आप प्रेस करना जारी रख सकते हैं विषयों उनकी दृश्यता को चालू करने के लिए बटन।

अपनी थीम कैसे प्रबंधित करें

प्रत्येक विषय के लिए अलग-अलग रंगों को संग्रहीत करने के लिए शब्दकोश बनाएं जिनका वह उपयोग करेगा। ऐसा इसलिए है ताकि आप अपने सभी थीम रंगों को एक ही स्थान पर संग्रहीत कर सकें, यदि आपको उन्हें कई बार उपयोग करने की आवश्यकता हो। यदि आप भविष्य में किसी थीम को नए रंगों के साथ अपडेट करना चाहते हैं तो यह भी आसान बनाता है।

डिफ़ॉल्ट के शीर्ष पर फॉर्म1.सीएस सी # फ़ाइल और अंदर प्रपत्र क्लास, एक वैश्विक एनम बनाएं। यह एनम आपके द्वारा थीम में उपयोग किए जाने वाले विभिन्न प्रकार के रंगों को संग्रहीत करेगा।
```
enum ThemeColor 
{ 
    Primary, 
    Secondary, 
    Tertiary, 
    Text 
}  
```
नीचे, तीन वैश्विक शब्दकोश घोषित करें, तीन विषयों में से प्रत्येक के लिए एक। आप शब्दकोशों के बारे में अधिक पढ़ सकते हैं यदि आप a . का उपयोग करने के तरीके से अपरिचित हैं सी # में शब्दकोश .
```
Dictionary<ThemeColor, Color> Light = new Dictionary<ThemeColor, Color>(); 
Dictionary<ThemeColor, Color> Nature = new Dictionary<ThemeColor, Color>(); 
Dictionary<ThemeColor, Color> Dark = new Dictionary<ThemeColor, Color>();
```

कंस्ट्रक्टर के अंदर, डिक्शनरी को इनिशियलाइज़ करें। प्रत्येक विषय द्वारा उपयोग किए जाने वाले विभिन्न रंगों के लिए मान जोड़ें।

public Form1() 
{ 
    InitializeComponent(); 
    // Add dictionaries here 
    Light = new Dictionary<ThemeColor, Color>() { 
        { ThemeColor.Primary, Color.WhiteSmoke }, 
        { ThemeColor.Secondary, Color.Silver }, 
        { ThemeColor.Tertiary, Color.White }, 
        { ThemeColor.Text, Color.Black } 
    }; 
    Nature = new Dictionary<ThemeColor, Color>() { 
        { ThemeColor.Primary, Color.DarkSeaGreen }, 
        { ThemeColor.Secondary, Color.AliceBlue }, 
        { ThemeColor.Tertiary, Color.Honeydew }, 
        { ThemeColor.Text, Color.Black } 
    }; 
    Dark = new Dictionary<ThemeColor, Color>() { 
        { ThemeColor.Primary, Color.DimGray }, 
        { ThemeColor.Secondary, Color.DimGray }, 
        { ThemeColor.Tertiary, Color.Black }, 
        { ThemeColor.Text, Color.White } 
    }; 
}

थीम कैसे बदलें

एप्लिकेशन की थीम को प्रबंधित करने के लिए फ़ंक्शन बनाएं। ये फ़ंक्शन कैनवास पर UI तत्वों की पृष्ठभूमि का रंग या टेक्स्ट का रंग बदल देंगे।

विंडोज़ 10 उच्च प्रदर्शन मोड गायब

नामक एक नया फ़ंक्शन बनाएं विषय को परिवर्तित करें() . फ़ंक्शन थीम के लिए तर्कों के रूप में रंग लेगा।

फ़ंक्शन के अंदर, UI तत्वों के पृष्ठभूमि रंग गुणों को बदलें। नए पृष्ठभूमि रंग चयनित थीम के लिए रंगों का उपयोग करेंगे।

private void ChangeTheme(Color primaryColor, Color secondaryColor, Color tertiaryColor) 
{ 
    // Change background color of buttons 
    btnThemeSettings.BackColor = primaryColor; 
    button1.BackColor = primaryColor; 
    button2.BackColor = secondaryColor; 
    button3.BackColor = secondaryColor; 
    this.BackColor = tertiaryColor; 
}

नामक एक नया फ़ंक्शन बनाएं टेक्स्ट रंग बदलें () . आप इसका उपयोग टेक्स्ट के रंग को डार्क और लाइट के बीच बदलने के लिए कर सकते हैं। यह सुनिश्चित करने के लिए है कि एक गहरे रंग की पृष्ठभूमि पर पाठ अभी भी पढ़ने योग्य होगा।
```
private void ChangeTextColor(Color textColor) 
{ 
    // Change color of text 
    button1.ForeColor = textColor; 
    button2.ForeColor = textColor; 
    button3.ForeColor = textColor; 
    label1.ForeColor = textColor; 
    btnThemeSettings.ForeColor = textColor; 
}
```
डिज़ाइनर से, 'लाइट' बटन नियंत्रण पर डबल-क्लिक करें। यह कोड-बैक फ़ाइल को खोलेगा और जब उपयोगकर्ता बटन पर क्लिक करेगा तो एक ईवेंट हैंडलर जेनरेट करेगा।
ईवेंट हैंडलर के अंदर, का उपयोग करें विषय को परिवर्तित करें() तथा टेक्स्ट रंग बदलें () कार्य। उन रंगों को इनपुट करें जिनका विषय थीम उपयोग कर रहा है। आप इन रंगों को 'लाइट' थीम डिक्शनरी से प्राप्त कर सकते हैं।
```
private void btnLightTheme_Click(object sender, EventArgs e) 
{ 
    ChangeTheme(Light[ThemeColor.Primary], Light[ThemeColor.Secondary], Light[ThemeColor.Tertiary]); 
    ChangeTextColor(Light[ThemeColor.Text]); 
}
```

डिजाइनर के पास वापस जाएं और 'नेचर' और 'डार्क' बटन पर क्लिक करें। उपयोग विषय को परिवर्तित करें() तथा टेक्स्ट रंग बदलें () उनके ईवेंट हैंडलर में भी कार्य करता है।

private void btnNatureTheme_Click(object sender, EventArgs e) 
{ 
    ChangeTheme(Nature[ThemeColor.Primary], Nature[ThemeColor.Secondary], Nature[ThemeColor.Tertiary]); 
    ChangeTextColor(Nature[ThemeColor.Text]); 
} 
private void btnDarkTheme_Click(object sender, EventArgs e) 
{ 
    ChangeTheme(Dark[ThemeColor.Primary], Dark[ThemeColor.Secondary], Dark[ThemeColor.Tertiary]); 
    ChangeTextColor(Dark[ThemeColor.Text]); 
}

डिफ़ॉल्ट रूप से, जब उपयोगकर्ता पहली बार ऐप खोलता है तो थीम को 'लाइट' थीम पर सेट किया जाना चाहिए। कंस्ट्रक्टर में, शब्दकोशों के नीचे, का उपयोग करें विषय को परिवर्तित करें() तथा टेक्स्ट रंग बदलें () कार्य.
```
ChangeTheme(Light[ThemeColor.Primary], Light[ThemeColor.Secondary], Light[ThemeColor.Tertiary]); 
ChangeTextColor(Light[ThemeColor.Text]);
```
विजुअल स्टूडियो विंडो के शीर्ष पर हरे रंग के प्ले बटन पर क्लिक करके एप्लिकेशन को चलाएं।
डिफ़ॉल्ट रूप से, एप्लिकेशन 'लाइट' थीम का उपयोग करता है और UI नियंत्रणों के लिए ग्रे रंग योजना लागू करता है। थीम की सूची देखने के लिए थीम बटन को टॉगल करें।
नेचर थीम पर क्लिक करें।
डार्क थीम पर क्लिक करें।

विंडोज फॉर्म का उपयोग करके एप्लिकेशन बनाना

कई एप्लिकेशन उपयोगकर्ता को कई विषयों के बीच स्विच करने की अनुमति देते हैं। आप उपयोगकर्ता के चयन के लिए विकल्प बनाकर विंडोज फॉर्म एप्लिकेशन में थीम जोड़ सकते हैं।

जब उपयोगकर्ता किसी थीम पर क्लिक करता है, तो आप चयनित थीम में उपयोग किए गए रंगों से मेल खाने के लिए पृष्ठभूमि का रंग, टेक्स्ट या कोई अन्य गुण बदल सकते हैं।

प्रत्येक थीम के लिए रंग विजुअल स्टूडियो के अंतर्निर्मित रंगों का उपयोग करते हैं। उपयोगकर्ताओं को बेहतर अनुभव देने के लिए आपको उचित रंग योजना का उपयोग करने की आवश्यकता होगी। आप अपने ऐप के लिए रंग योजना चुनने के विभिन्न तरीकों के बारे में अधिक जान सकते हैं।

नाम	बीटीएनथीम सेटिंग्स
फ्लैट स्टाइल	समतल
आकार	200, 120
मूलपाठ	विषयों