Πώς να προσθέσετε γραφικά σε μια εφαρμογή φόρμας Windows C#

Οι Φόρμες των Windows είναι ένα πλαίσιο που σας επιτρέπει να δημιουργείτε εφαρμογές επιφάνειας εργασίας. Μπορείτε να κάνετε κλικ και να σύρετε στοιχεία όπως κουμπιά σε μια οπτική διεπαφή χρήστη. Σας βοηθά επίσης να δημιουργήσετε με μη αυτόματο τρόπο διάφορα σχήματα στον κώδικά σας.

Αυτό το άρθρο θα σας δείξει πώς να προσθέτετε γραμμές, σχήματα και εικόνες στην εφαρμογή σας. Αυτό το σεμινάριο χρησιμοποιεί την έκδοση του Visual Studio 2019 για την εμφάνιση παραδειγμάτων.

Ποιες είναι οι ενσωματωμένες κλάσεις που χρησιμοποιούνται για τη σχεδίαση γραφικών;

Οι Φόρμες των Windows χρησιμοποιούν το Γλώσσα προγραμματισμού C#. Οι ενσωματωμένες κλάσεις και μέθοδοι σάς επιτρέπουν να σχεδιάζετε διάφορα σχήματα σε έναν καμβά Φόρμας των Windows. Αυτές περιλαμβάνουν τις κατηγορίες Graphics, Pen, Color και Brush.

Για να προβάλετε τον πηγαίο κώδικα για ένα παράδειγμα εκτέλεσης του παραπάνω οδηγού, επισκεφτείτε το Αποθετήριο GitHub. Μπορείτε να δοκιμάσετε τα ακόλουθα παραδείγματα μόλις το κάνετε δημιούργησε μια εφαρμογή Winforms.

Πώς να προσθέσετε μια ζωγραφική στο πρόγραμμα χειρισμού συμβάντων φόρτωσης φόρμας

Αρχικά, προσθέστε ένα πρόγραμμα χειρισμού συμβάντων για να σχεδιάζετε σχήματα όταν φορτώνεται ο καμβάς.

1. Προσθέστε μια συνάρτηση Paint για τη φόρμα.

   ιδιωτικό κενό Form1_Paint (αποστολέας αντικειμένου, PaintEventArgs e)
   {
    // Ο κώδικας πηγαίνει εδώ
   }

2. Μεταβείτε στην καρτέλα Προβολή σχεδίασης.
3. Στο παράθυρο Ιδιότητες, επιλέξτε το εικονίδιο αστραπής για να ανοίξετε την καρτέλα "Συμβάντα".
4. Στο "Ζωγραφική", στην ενότητα "Εμφάνιση", επιλέξτε τη συνάρτηση Form1_Paint. Αυτό θα εκτελέσει τη λειτουργία όταν εκτελείτε την εφαρμογή.

Πώς να σχεδιάσετε γραμμές σε έναν καμβά φόρμας των Windows

Μπορείτε να χρησιμοποιήσετε μια μέθοδο Color, Pen και τη μέθοδο DrawLine() για να σχεδιάσετε γραμμές σε έναν καμβά.

1. Μέσα στη συνάρτηση Form1_Paint(), δημιουργήστε ένα αντικείμενο Color με το χρώμα που θέλετε να είναι η γραμμή. Στη συνέχεια, δημιουργήστε ένα αντικείμενο στυλό με το οποίο θα τραβήξετε τη γραμμή.

   Χρώμα μαύρο = Χρώμα. FromArgb (255, 0, 0, 0);
   Στυλό blackPen = νέο στυλό (μαύρο);
   

2. Η μέθοδος DrawLine() από την κλάση Graphics θα σχεδιάσει μια γραμμή χρησιμοποιώντας το στυλό. Αυτό θα αρχίσει να σχεδιάζει μια γραμμή από μια θέση x, y σε μια άλλη θέση x, y.

   μι. Γραφικά. DrawLine (blackPen, 300, 200, 800, 200);
   

3. Μπορείτε να τροποποιήσετε τις ιδιότητες για το αντικείμενο στυλό για να αλλάξετε το πλάτος, το στυλ παύλας και το όριο έναρξης ή τέλους.

   μαύρο στυλό. Πλάτος = 20;
   μαύρο στυλό. DashStyle = Σύστημα. Σχέδιο. Drawing2D.DashStyle. Παύλα;
   μαύρο στυλό. StartCap = Σύστημα. Σχέδιο. Drawing2D.LineCap. ArrowAnchor;
   μι. Γραφικά. DrawLine (blackPen, 300, 200, 800, 200);
   

4. Πατήστε το πράσινο κουμπί αναπαραγωγής στο επάνω μέρος του Visual Studio για να δείτε τις αλλαγές.

Πώς να σχεδιάσετε σχήματα όπως ορθογώνια και κύκλους

Μπορείτε να χρησιμοποιήσετε τις κατηγορίες σχημάτων για διαφορετικά σχήματα ή να σχεδιάσετε σχήματα χειροκίνητα στον καμβά.

1. Δημιουργήστε ένα αντικείμενο Color and Pen όπως φαίνεται στα προηγούμενα βήματα. Στη συνέχεια, χρησιμοποιήστε τη μέθοδο DrawRectangle() για να δημιουργήσετε το ορθογώνιο. Τα ορίσματα είναι οι συντεταγμένες x και y για το επάνω αριστερό μέρος του ορθογωνίου, μαζί με το πλάτος και το ύψος του.

   Χρώμα κόκκινο = Χρώμα. FromArgb (255, 255, 0, 0);
   Στυλό redPen = νέο στυλό (κόκκινο);
   κόκκινο στυλό. Πλάτος = 5;
   μι. Γραφικά. DrawRectangle (redPen, 100, 100, 500, 200);
   

2. Μπορείτε επίσης να δημιουργήσετε ένα ορθογώνιο χρησιμοποιώντας την κλάση Rectangle. Πρώτα, δημιουργήστε ένα αντικείμενο Ορθογώνιο. Τα ορίσματα είναι επίσης οι συντεταγμένες x και y για την επάνω αριστερή γωνία, το πλάτος και το ύψος.

   Rectangle rectangle = new Rectangle (100, 350, 500, 200);
   

3. Χρησιμοποιήστε τη συνάρτηση DrawRectangle() για να σχεδιάσετε το ορθογώνιο. Αντί να περάσετε τα x, y, πλάτος και ύψος όπως πριν, μπορείτε να χρησιμοποιήσετε το αντικείμενο Rectangle.

   μι. Γραφικά. DrawRectangle (κόκκινο στυλό, ορθογώνιο).
   

4. Πατήστε το πράσινο κουμπί αναπαραγωγής στο επάνω μέρος του Visual Studio για να δείτε τις αλλαγές.
5. Επιστρέψτε στον κώδικα για να σχεδιάσετε άλλα σχήματα. Χρησιμοποιήστε τη συνάρτηση DrawEllipse() για να σχεδιάσετε έναν κύκλο.

   Χρώμα πράσινο = Χρώμα. FromArgb (255, 0, 255, 0);
   Στυλό greenPen = νέο στυλό (πράσινο);
   πράσινο στυλό. Πλάτος = 5;
   μι. Γραφικά. DrawEllipse (greenPen, 400, 150, 400, 400);

   Όταν σχεδιάζετε έναν κύκλο, οι συντεταγμένες x και y (x=400, y=150) αναφέρονται στην επάνω αριστερή γωνία του κύκλου, όχι στο κέντρο του κύκλου.
6. Για να σχεδιάσετε άλλα σχήματα, όπως τρίγωνα ή εξάγωνα, χρησιμοποιήστε τη μέθοδο DrawPolygon(). Εδώ μπορείτε να καθορίσετε μια λίστα συντεταγμένων για την αναπαράσταση των σημείων του σχήματος.

   Χρώμα μπλε = Χρώμα. FromArgb (255, 0, 0, 255);
   Στυλό bluePen = νέο στυλό (μπλε);
   μπλε στυλό. Πλάτος = 5;
   PointF[] συντεταγμένεςForTriangle = new PointF[] {
    νέο PointF(400, 150),
    νέο PointF(300, 300),
    νέο PointF(500, 300)
   };
   μι. Γραφικά. DrawPolygon (bluePen, συντεταγμένεςForTriangle);
   

   Η μέθοδος DrawPolygon() θα σχεδιάσει γραμμές μεταξύ των καθορισμένων σημείων. ​​​​​​

Πώς να χρησιμοποιήσετε την τάξη πινέλου για να γεμίσετε σχήματα με χρώμα

Μπορείτε να χρησιμοποιήσετε τις μεθόδους FillRectangle(), FillEllipses() ή FillTriangle() για να δημιουργήσετε σχήματα με συμπαγές χρώμα.

1. Πρώτα, δημιουργήστε ένα αντικείμενο πινέλου.

   Χρώμα μωβ = Χρώμα. FromArgb (255, 128, 0, 0);
   SolidBrush solidBrush = νέο SolidBrush (μωβ);

2. Χρησιμοποιήστε τις μεθόδους FillRectangle(), FillEllipses() ή FillTriangle(). Λειτουργούν με τον ίδιο τρόπο όπως οι συναρτήσεις σχεδίασης παραπάνω, εκτός από το ότι αντί για στυλό, χρησιμοποιούν ένα αντικείμενο Brush.

   μι. Γραφικά. FillRectangle (solidBrush, 50, 50, 200, 250);
   μι. Γραφικά. FillEllipse (solidBrush, 300, 50, 200, 200);
   μι. Γραφικά. FillPolygon (solidBrush, new PointF[] { new PointF(700, 150), new PointF(600, 300), new PointF(800, 300) });

3. Μπορείτε επίσης να εισαγάγετε ένα αντικείμενο σχήματος απευθείας αντί να παρέχετε συντεταγμένες.

   Rectangle rectangle = new Rectangle (100, 350, 500, 200);
   μι. Γραφικά. FillRectangle (solidBrush, ορθογώνιο);

4. Χρησιμοποιήστε το HatchBrush για να γεμίσετε το σχήμα χρησιμοποιώντας διαφορετικό στυλ γεμίσματος, όπως οριζόντιο ή κάθετο μοτίβο.

   Χρώμα μπλε = Χρώμα. FromArgb (255, 0, 0, 255);
   Χρώμα πράσινο = Χρώμα. FromArgb (255, 0, 255, 0);
   HatchBrush hatchBrush = νέο HatchBrush (HatchStyle. Οριζόντια, πράσινο, μπλε).
   μι. Γραφικά. FillRectangle (hatchBrush, 50, 50, 200, 250);

5. Μπορείτε να χρησιμοποιήσετε το TextureBrush για να γεμίσετε ένα σχήμα χρησιμοποιώντας μια εικόνα. Εδώ, δημιουργήστε ένα bitmap δείχνοντας ένα αρχείο εικόνας. Αντί να δημιουργήσετε ένα πινέλο χρησιμοποιώντας ένα χρώμα, δημιουργήστε το χρησιμοποιώντας την εικόνα.

   Bitmap image = (Bitmap) Εικόνα. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   TextureBrush textureBrush = νέο TextureBrush (εικόνα);
   μι. Γραφικά. FillRectangle (textureBrush, 100, 100, 500, 400);

Πώς να αποδώσετε εικόνες στη φόρμα

Για να αποδώσετε μια εικόνα, δημιουργήστε ένα αντικείμενο ελέγχου PictureBox και προσθέστε το στη φόρμα.

1. Δημιουργήστε ένα αντικείμενο ελέγχου PictureBox χρησιμοποιώντας ένα αρχείο εικόνας.

   PictureBox picture = new PictureBox();
   εικόνα. ImageLocation = @"C:\Users\Sharl\Desktop\flagLarge.bmp";
   

2. Ορίστε το μέγεθος της εικόνας και προσθέστε τη στη φόρμα ώστε να αποδίδεται.

   εικόνα. SizeMode = PictureBoxSizeMode. Αυτόματο Μέγεθος;
   Αυτό. Έλεγχοι. Προσθήκη (εικόνα).

3. Πατήστε το πράσινο κουμπί έναρξης στο επάνω μέρος για να δείτε την εικόνα.

Προσθήκη περισσότερων σχημάτων στη φόρμα των Windows

Θα πρέπει τώρα να καταλάβετε πώς μπορείτε να προσθέσετε γραμμές, σχήματα και εικόνες στη φόρμα των Windows. Μπορείτε να συνδυάσετε σχήματα για να δημιουργήσετε νέα σχήματα. Μπορείτε επίσης να παίξετε με τις ενσωματωμένες λειτουργίες για να δημιουργήσετε πιο περίπλοκα σχήματα.

Σχετικά με τον Συγγραφέα

Sharlene Von Drehnen (Δημοσιεύτηκαν 7 άρθρα)

Η Sharlene είναι Tech Writer στο MUO και εργάζεται επίσης με πλήρη απασχόληση στην ανάπτυξη λογισμικού. Είναι πτυχιούχος Πληροφορικής και έχει προϋπηρεσία στη Διασφάλιση Ποιότητας και στο Πανεπιστημιακό Φροντιστήριο. Η Sharlene λατρεύει τα παιχνίδια και το πιάνο.

Περισσότερα από τη Sharlene Von Drehnen