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

प्रत्येक UI तत्व कुछ ईवेंट प्राप्त करता है। उदाहरण के लिए, आपके पास बटनों के लिए एक क्लिक ईवेंट, चेकबॉक्स के लिए एक परिवर्तित ईवेंट या पैनल के लिए एक ड्रैग एंड ड्रॉप ईवेंट हो सकता है।

ईवेंट ईवेंट हैंडलर या फ़ंक्शंस का उपयोग करते हैं, जो केवल उस विशेष ईवेंट के होने पर ही निष्पादित होते हैं।

विभिन्न UI तत्वों के लिए उपयोग किए जाने वाले ईवेंट के प्रकार

प्रत्येक UI तत्व में ईवेंट की एक सूची होती है। ऐसे कई कोर्स हैं जहां आप कर सकते हैं महत्वपूर्ण UX या UI सिद्धांतों और प्रथाओं के बारे में जानें यह तय करने में आपकी मदद करने के लिए कि कौन से UI तत्वों का उपयोग करना है। UI तत्वों द्वारा उपयोग किए जाने वाले ईवेंट के कुछ उदाहरण यहां दिए गए हैं।

की डाउन, की अप, या की प्रेस इवेंट

यूआई तत्व जो उपयोगकर्ता को टेक्स्ट दर्ज करने की अनुमति देते हैं, जैसे टेक्स्ट बॉक्स, इन घटनाओं का उपयोग कर सकते हैं। हर बार जब उपयोगकर्ता अपने कीबोर्ड पर कोई कुंजी दबाता है तो ये घटनाएँ शुरू हो जाती हैं।

instagram viewer

ये उन परिदृश्यों में उपयोगी हो सकते हैं जहां आपके पास खोज कार्यक्षमता है, और आपको लगातार यह जांचना पड़ सकता है कि टेक्स्ट बॉक्स का मूल्य क्या है।

निजीशून्यटेक्स्टबॉक्स1_कीअप(ऑब्जेक्ट प्रेषक, KeyEventArgs e)
{
 टेक्स्टबॉक्स टेक्स्टबॉक्स = (टेक्स्टबॉक्स) प्रेषक;
 स्ट्रिंग करंटटेक्स्टबॉक्स वैल्यू = टेक्स्टबॉक्स। मूलपाठ;
}

लोड घटना

लोड इवेंट तब होता है जब स्क्रीन पर फॉर्म या यूआई तत्व प्रस्तुत किया जाता है। आप इस घटना का उपयोग तब कर सकते हैं जब आप चाहते हैं कि प्रपत्र या नियंत्रण के आरंभीकरण चरण में विशिष्ट कार्यक्षमता हो।

एक परिदृश्य जहां यह उपयोगी हो सकता है, यदि आप फ़ॉर्म को अभी भी लोड होने के दौरान प्रोग्राम में नियंत्रण जोड़ना चाहते हैं।

निजीशून्यफॉर्म1_लोड(वस्तु प्रेषक, EventArgs e)
{
 टूलटिप टूलटिप1 = नया टूलटिप ();
 toolTip1.AutoPopDelay = 5000;
 toolTip1.InitialDelay = 1000;
 toolTip1.ReshowDelay = 500;
 toolTip1.ShowAlways = सच;
 toolTip1.SetToolTip (this.button1, "मेरा बटन1");
 टूलटिप1.पॉपअप += यहटूलटिप1_पॉपअप;
}

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

निजीशून्यटूलटिप1_पॉपअप(वस्तु प्रेषक, PopupEventArgs e)
{
 टूलटिप टूलटिप = (टूलटिप) प्रेषक;
 स्ट्रिंग टूलटिपटेक्स्ट = टूलटिप. गेटटूलटिप (बटन 1);
वर टूलटिप साइज = ई. टूलटिपसाइज;
}

ड्रैग एंड ड्रॉप इवेंट

कई UI तत्व पैनल, बटन, चित्र बॉक्स, समूह बॉक्स आदि सहित ड्रैग एंड ड्रॉप ईवेंट का उपयोग कर सकते हैं। जब उपयोगकर्ता किसी फ़ाइल को UI तत्व में खींचता है तो यह ईवेंट ट्रिगर हो जाता है।

निजीशून्यपैनल1_ड्रैगड्रॉप(वस्तु प्रेषक, DragEventArgs e)
{
 स्ट्रिंग [] फ़ाइलें = (स्ट्रिंग []) e. जानकारी। गेटडाटा (डेटाफॉर्मेट. फाइलड्रॉप, असत्य);
}

माउस ओवर और माउस लीव इवेंट

जब माउस UI तत्व पर होवर करता है तो माउस ओवर ईवेंट सक्रिय हो जाता है। एक बार जब माउस छोड़ देता है और तत्व पर होवर करना बंद कर देता है, तो माउस लीव इवेंट ट्रिगर हो जाता है।

निजीशून्यबटन1_माउस छोड़ो(वस्तु प्रेषक, EventArgs e)
{
 बटन बटन = (बटन) प्रेषक;
वर बटन टेक्स्ट = बटन। मूलपाठ;
}

बदली हुई घटना की जाँच की गई

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

निजीशून्यचेकबॉक्स1_चेक किया गयाबदला हुआ(वस्तु प्रेषक, EventArgs e)
{
 चेकबॉक्स चेकबॉक्स = (चेकबॉक्स) प्रेषक;
 चेकस्टेट राज्य = चेकबॉक्स। चेकस्टेट; 
 बूल चेक किया गया = चेकबॉक्स। चेक किया गया;
}

मान परिवर्तित, चयनित मान परिवर्तित, या दिनांक परिवर्तित ईवेंट

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

निजीशून्यMonthCalendar1_DateChanged(ऑब्जेक्ट प्रेषक, DateRangeEventArgs e)
{
 महीना कैलेंडर कैलेंडर = (माह कैलेंडर) प्रेषक;
वर आज = कैलेंडर। आज की तारीख़;
वर चयनित दिनांक प्रारंभ = ई. शुरू;
वर चयनितडेट्सएंड = ई. समाप्त;
}

बटन घटना पर क्लिक करें

जब आप किसी बटन पर क्लिक करते हैं तो क्लिक इवेंट हैंडलर फंक्शन ट्रिगर हो जाता है।

निजीशून्यबटन1_क्लिक करें(वस्तु प्रेषक, EventArgs e)
{
 बटन बटन = (बटन) प्रेषक;
 स्ट्रिंग टेक्स्टवैल्यू = बटन। मूलपाठ;
}

इवेंट हैंडलर की संरचना

ईवेंट हैंडलर के दो प्राथमिक पैरामीटर होते हैं: प्रेषक और एक ईवेंट ऑब्जेक्ट।

प्रेषक UI तत्व या ऑब्जेक्ट का संदर्भ है जिसने ईवेंट को ट्रिगर किया है, जैसे बटन, चेकबॉक्स या पैनल। उदाहरण के लिए, एक चेकबॉक्स परिवर्तित घटना में, प्रेषक वह चेकबॉक्स होगा जिस पर उपयोगकर्ता ने क्लिक किया था।

ईवेंट पैरामीटर में एक ऑब्जेक्ट होता है जो घटित होने वाली घटना के बारे में डेटा संग्रहीत करता है। इसमें एक बटन क्लिक के एक्स और वाई निर्देशांक, या घटना के ट्रिगर होने पर माउस का स्थान शामिल हो सकता है।

निजीशून्यपैनल1_ड्रैगड्रॉप(वस्तु प्रेषक, DragEventArgs e)
{
// यूआई तत्व के एक्सेस गुण जो घटना को ट्रिगर करते हैं
 पैनल पैनल = (पैनल) प्रेषक;
 पैनल। सक्षम = असत्य;
// घटना से डेटा एक्सेस करें
वर इवेंटडेटा = ई. जानकारी;
}

इवेंट हैंडलर कैसे बनाएं और उपयोग करें

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

कैनवास पर इवेंट हैंडलर

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

  1. विजुअल स्टूडियो के बाईं ओर टूलबॉक्स मेनू खोलें। कैनवास पर चेकबॉक्स UI तत्व को खींचें और छोड़ें।
  2. कैनवास पर चेकबॉक्स को हाइलाइट करें।
  3. दाएँ हाथ के पैनल पर गुण विंडो में, घटनाओं की सूची देखने के लिए पीले बिजली के आइकन पर क्लिक करें। नीचे स्क्रॉल करें चेक किया गयाबदला हुआ प्रतिस्पर्धा।
  4. के आगे खाली जगह पर क्लिक करें चेक किया गयाबदला हुआ प्रतिस्पर्धा। यह ईवेंट को संभालने के लिए स्वचालित रूप से एक नया फ़ंक्शन उत्पन्न करेगा। फ़ंक्शन आपके में, एप्लिकेशन के कोड-बैक भाग में बनाया जाएगा .cs फ़ाइल।
    निजीशून्यचेकबॉक्स1_चेक किया गयाबदला हुआ(वस्तु प्रेषक, EventArgs e)
    {
    // आपका कोड यहाँ
    }

इवेंट हैंडलर कोड के पीछे का उपयोग कर रहे हैं

पीछे कोड में एक नया फ़ंक्शन बनाएं और इसे कैनवास पर UI तत्व से लिंक करें।

  1. कैनवास पर, एक बटन UI तत्व को क्लिक करें और खींचें। डिफ़ॉल्ट रूप से, नए बटन का नाम "बटन1" होगा।
  2. खुला हुआ .सीएस यदि आपने "फॉर्म1" का डिफ़ॉल्ट विंडोज फॉर्म एप्लिकेशन नाम छोड़ दिया है, तो यह होगा फॉर्म1.सीएस.
  3. फॉर्म 1 वर्ग के अंदर, एक नया फ़ंक्शन बनाएं। सुनिश्चित करें कि यह एक ईवेंट हैंडलर की संरचना का अनुसरण करता है, और इसमें प्रेषक और ईवेंट ऑब्जेक्ट के लिए दो पैरामीटर हैं।
    निजीशून्यबटन1_माउसहोवरइवेंट(वस्तु प्रेषक, EventArgs e)
    {
    // आपका कोड यहाँ
    }
  4. ईवेंट हैंडलर को बटन 1 के माउस होवर ईवेंट से लिंक करें। आप इसे कंस्ट्रक्टर में कर सकते हैं।
    जनता फॉर्म 1()
    {
     प्रारंभिक कॉम्पोनेंट ();
    यह.button1.MouseHover += button1_MouseHoverEvent;
    }
  5. वैकल्पिक रूप से, आप कैनवास पर गुण विंडो का उपयोग करके फ़ंक्शन को ईवेंट से लिंक भी कर सकते हैं। गुण विंडो खोलें, और अपने ईवेंट हैंडलर का नाम माउसहोवर फ़ील्ड में दर्ज करें। यह होगा बटन1_माउसहोवरइवेंट.

एकाधिक ईवेंट में समान ईवेंट हैंडलर का उपयोग कैसे करें

आप एक ही फ़ंक्शन को कई ईवेंट से लिंक कर सकते हैं। इस मामले में, यदि कोई एकल फ़ंक्शन कहा जाता है माउसइवेंट, आप उस ईवेंट हैंडलर को माउस होवर और माउस क्लिक ईवेंट दोनों में जोड़ सकते हैं। यह तब एक ही फ़ंक्शन का उपयोग करके दोनों घटनाओं को संभालेगा।

यह.button1.MouseHover += button1_MouseEvent;
यह.button1.MouseClick += button1_MouseEvent;

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

एक विंडोज़ फॉर्म एप्लिकेशन आपको विभिन्न यूआई तत्वों जैसे बटन, पैनल या टेक्स्ट बॉक्स को कैनवास पर खींचने और छोड़ने की अनुमति देता है। एप्लिकेशन के भीतर होने वाली विभिन्न घटनाओं के आधार पर आप इन UI तत्वों में ईवेंट हैंडलर जोड़ सकते हैं।

यदि आप एक विंडोज़ एप्लिकेशन बना रहे हैं, तो आप अपने यूजर इंटरफेस के हिस्से के रूप में चित्र या ग्राफिक्स भी जोड़ना चाह सकते हैं। आप ग्राफ़िक, पेन, या रंग वर्ग जैसे विभिन्न C# वर्गों का उपयोग कर सकते हैं, जो आपको कैनवास पर विभिन्न प्रकार के आकार बनाने की अनुमति देगा।