सी # विंडोज फॉर्म एप्लिकेशन में ग्राफिक्स कैसे जोड़ें

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

यह आलेख आपको दिखाएगा कि अपने आवेदन में रेखाएं, आकार और छवियां कैसे जोड़ें। यह ट्यूटोरियल उदाहरण दिखाने के लिए विजुअल स्टूडियो 2019 सामुदायिक संस्करण का उपयोग करता है।

ग्राफ़िक्स बनाने के लिए बिल्ट-इन क्लासेस क्या हैं?

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

उपरोक्त ट्यूटोरियल के चल रहे उदाहरण के लिए सोर्स कोड देखने के लिए, देखें गिटहब भंडार. आप निम्न उदाहरणों को एक बार आज़मा कर देख सकते हैं: एक विनफॉर्म एप्लिकेशन बनाया.

फॉर्म लोड इवेंट हैंडलर पर पेंट कैसे जोड़ें

सबसे पहले, कैनवास लोड होने पर आकृतियाँ बनाने के लिए एक ईवेंट हैंडलर जोड़ें।

1. प्रपत्र के लिए एक पेंट फ़ंक्शन जोड़ें।

   निजी शून्य Form1_Paint (वस्तु प्रेषक, PaintEventArgs e)
   {
    // कोड यहाँ जाता है
   }

2. डिज़ाइन व्यू टैब में जाएं।
3. गुण विंडो में, "ईवेंट" टैब खोलने के लिए लाइटनिंग आइकन चुनें।
4. "पेंट" में, "अपीयरेंस" के अंतर्गत, फॉर्म1_पेंट फ़ंक्शन का चयन करें। जब आप एप्लिकेशन चलाते हैं तो यह फ़ंक्शन निष्पादित करेगा।

विंडोज़ फॉर्म कैनवास पर रेखाएं कैसे बनाएं

आप कैनवास पर रेखाएँ खींचने के लिए रंग, पेन और ड्रालाइन () विधि का उपयोग कर सकते हैं।

1. Form1_Paint() फ़ंक्शन के अंदर, उस रंग के साथ एक Color ऑब्जेक्ट बनाएं, जिसे आप रेखा बनाना चाहते हैं। फिर, रेखा खींचने के लिए एक पेन ऑब्जेक्ट बनाएं।

   रंग काला = रंग। FromArgb (255, 0, 0, 0);
   पेन ब्लैकपेन = नया पेन (काला);
   

2. ग्राफ़िक्स क्लास से DrawLine () विधि पेन का उपयोग करके एक रेखा खींचेगी। यह एक x, y स्थिति से दूसरी x, y स्थिति में एक रेखा खींचना शुरू कर देगा।

   इ। ग्राफिक्स। ड्रालाइन (ब्लैकपेन, 300, 200, 800, 200);
   

3. आप पेन ऑब्जेक्ट की चौड़ाई, डैश शैली, और प्रारंभ या समाप्ति कैप बदलने के लिए गुणों को संशोधित कर सकते हैं।

   काली कलम। चौड़ाई = 20;
   काली कलम। डैश स्टाइल = सिस्टम। चित्रकला। Drawing2D.DashStyle। थोड़ा सा;
   काली कलम। स्टार्टकैप = सिस्टम। चित्रकला। Drawing2D.LineCap। एरोएंकर;
   इ। ग्राफिक्स। ड्रालाइन (ब्लैकपेन, 300, 200, 800, 200);
   

4. परिवर्तन देखने के लिए विजुअल स्टूडियो के शीर्ष पर हरे रंग का प्ले बटन दबाएं।

आयतों और वृत्तों जैसी आकृतियाँ कैसे बनाएँ

आप विभिन्न आकृतियों के लिए आकार वर्गों का उपयोग कर सकते हैं, या कैनवास पर मैन्युअल रूप से आकृतियाँ बना सकते हैं।

1. जैसा कि पिछले चरणों में दिखाया गया है, एक रंग और पेन ऑब्जेक्ट बनाएं। फिर, आयत बनाने के लिए DrawRectangle() विधि का उपयोग करें। तर्क x और y आयत के ऊपरी-बाएँ निर्देशांक हैं, साथ ही इसकी चौड़ाई और ऊँचाई भी।

   रंग लाल = रंग। FromArgb (255, 255, 0, 0);
   पेन रेडपेन = नया पेन (लाल);
   लाल कलम। चौड़ाई = 5;
   इ। ग्राफिक्स। DrawRectangle (रेडपेन, 100, 100, 500, 200);
   

2. आप आयत वर्ग का उपयोग करके एक आयत भी बना सकते हैं। सबसे पहले, एक आयत वस्तु बनाएँ। तर्क भी शीर्ष-बाएँ कोने, चौड़ाई और ऊँचाई के लिए x और y निर्देशांक हैं।

   आयत आयत = नया आयत (100, 350, 500, 200);
   

3. आयत बनाने के लिए DrawRectangle () फ़ंक्शन का उपयोग करें। पहले की तरह x, y, चौड़ाई और ऊंचाई को पास करने के बजाय, आप इसके बजाय आयत वस्तु का उपयोग कर सकते हैं।

   इ। ग्राफिक्स। DrawRectangle (रेडपेन, आयत);
   

4. परिवर्तन देखने के लिए विजुअल स्टूडियो के शीर्ष पर हरे रंग का प्ले बटन दबाएं।
5. अन्य आकृतियाँ बनाने के लिए कोड पर वापस जाएँ। वृत्त खींचने के लिए DrawEllipse() फ़ंक्शन का उपयोग करें।

   रंग हरा = रंग। FromArgb (255, 0, 255, 0);
   पेन ग्रीनपेन = नया पेन (हरा);
   हरा कलम चौड़ाई = 5;
   इ। ग्राफिक्स। DrawElipse (ग्रीनपेन, 400, 150, 400, 400);

   जब आप एक वृत्त खींचते हैं, तो x और y निर्देशांक (x=400, y=150) वृत्त के ऊपरी-बाएँ कोने को संदर्भित करते हैं, न कि वृत्त के केंद्र को।
6. त्रिभुज या षट्भुज जैसी अन्य आकृतियाँ बनाने के लिए, DrawPolygon () विधि का उपयोग करें। यहां आप आकृति के बिंदुओं का प्रतिनिधित्व करने के लिए निर्देशांक की एक सूची निर्दिष्ट कर सकते हैं।

   रंग नीला = रंग। FromArgb (255, 0, 0, 255);
   पेन ब्लूपेन = नया पेन (नीला);
   नीली कलम। चौड़ाई = 5;
   प्वाइंटएफ [] निर्देशांकफॉरट्राएंगल = नया प्वाइंटएफ [] {
    नया प्वाइंटएफ (400, 150),
    नया प्वाइंटएफ (300, 300),
    नया प्वाइंटएफ (500, 300)
   };
   इ। ग्राफिक्स। DrawPolygon (नीला पेन, निर्देशांकForTriangle);
   

   DrawPolygon() विधि निर्दिष्ट बिंदुओं के बीच रेखाएं खींचेगी। ​​​​​​

रंगों से आकृतियों को भरने के लिए ब्रश क्लास का उपयोग कैसे करें

आप ठोस रंग के साथ आकृतियाँ बनाने के लिए FillRectangle (), FillEllipses () या FillTriangle () विधियों का उपयोग कर सकते हैं।

1. सबसे पहले, ब्रश ऑब्जेक्ट बनाएं।

   रंग बैंगनी = रंग। FromArgb (255, 128, 0, 0);
   सॉलिडब्रश सॉलिडब्रश = नया सॉलिडब्रश (बैंगनी);

2. FillRectangle (), FillEllipses () या FillTriangle () विधियों का उपयोग करें। वे उसी तरह काम करते हैं जैसे ऊपर दिए गए ड्रा कार्य करते हैं, पेन के बजाय, वे ब्रश ऑब्जेक्ट का उपयोग करते हैं।

   इ। ग्राफिक्स। फिलरेक्टेंगल (सॉलिडब्रश, 50, 50, 200, 250);
   इ। ग्राफिक्स। फिलएलिप्स (सॉलिडब्रश, 300, 50, 200, 200);
   इ। ग्राफिक्स। फिलपॉलीगॉन (सॉलिडब्रश, नया प्वाइंटएफ [] {नया प्वाइंटएफ (700, 150), नया प्वाइंटएफ (600, 300), नया प्वाइंटएफ (800, 300)});

3. आप निर्देशांक प्रदान करने के बजाय किसी आकृति वस्तु को सीधे इनपुट कर सकते हैं।

   आयत आयत = नया आयत (100, 350, 500, 200);
   इ। ग्राफिक्स। फिलरेक्टेंगल (सॉलिडब्रश, आयत);

4. एक अलग भरण शैली, जैसे क्षैतिज या ऊर्ध्वाधर पैटर्न का उपयोग करके आकृति को भरने के लिए हैचब्रश का उपयोग करें।

   रंग नीला = रंग। FromArgb (255, 0, 0, 255);
   रंग हरा = रंग। FromArgb (255, 0, 255, 0);
   हैचब्रश हैचब्रश = नया हैचब्रश (हैच स्टाइल. क्षैतिज, हरा, नीला);
   इ। ग्राफिक्स। फिलरेक्टेंगल (हैचब्रश, 50, 50, 200, 250);

5. आप किसी छवि का उपयोग करके किसी आकृति को भरने के लिए TextureBrush का उपयोग कर सकते हैं। यहां, एक छवि फ़ाइल को इंगित करके बिटमैप बनाएं। रंग का उपयोग करके ब्रश बनाने के बजाय, छवि का उपयोग करके इसे बनाएं।

   बिटमैप छवि = (बिटमैप) छवि। FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   बनावट ब्रश बनावट ब्रश = नया बनावट ब्रश (छवि);
   इ। ग्राफिक्स। भरण आयत (बनावटब्रश, 100, 100, 500, 400);

फ़ॉर्म पर इमेज कैसे रेंडर करें

एक छवि प्रस्तुत करने के लिए, एक पिक्चरबॉक्स नियंत्रण वस्तु बनाएं और इसे फॉर्म में जोड़ें।

1. एक छवि फ़ाइल का उपयोग करके एक पिक्चरबॉक्स नियंत्रण वस्तु बनाएं।

   पिक्चरबॉक्स पिक्चर = नया पिक्चरबॉक्स ();
   चित्र। इमेजलोकेशन = @ "सी: \ उपयोगकर्ता \ शार्ल \ डेस्कटॉप \ फ्लैगलार्ज। बीएमपी";
   

2. छवि का आकार सेट करें और इसे फॉर्म में जोड़ें ताकि यह प्रस्तुत हो।

   चित्र। साइजमोड = पिक्चरबॉक्स साइजमोड. ऑटो साइज़;
   यह। नियंत्रण। जोड़ें (चित्र);

3. छवि देखने के लिए शीर्ष पर हरे रंग का प्रारंभ बटन दबाएं।

अपने विंडोज़ फॉर्म में अधिक आकार जोड़ना

अब आप समझ गए होंगे कि अपने विंडोज फॉर्म में लाइन्स, शेप्स और इमेजेज को कैसे जोड़ना है। आप नए आकार बनाने के लिए आकृतियों को जोड़ सकते हैं। आप अधिक जटिल आकार बनाने के लिए अंतर्निहित कार्यों के साथ भी खेल सकते हैं।

लेखक के बारे में

शर्लिन वॉन ड्रेनेन (7 लेख प्रकाशित)

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

Sharlene Von Drehnen. की अन्य फ़िल्में-टीवी शो