Πώς να δημιουργήσετε την πρώτη σας εφαρμογή Windows Forms (Winforms) στο Visual Studio

Το Windows Forms είναι ένα πλαίσιο διαθέσιμο στο Visual Studio που σας επιτρέπει να δημιουργείτε εφαρμογές για επιτραπέζιους υπολογιστές με τη βοήθεια ενός γραφικού περιβάλλοντος εργασίας χρήστη. Αυτό σας επιτρέπει να κάνετε κλικ και να σύρετε γραφικά στοιχεία, όπως κουμπιά ή ετικέτες απευθείας σε έναν καμβά, και να χειρίζεστε τις ιδιότητες κάθε γραφικού στοιχείου, όπως το μέγεθος γραμματοσειράς, το χρώμα ή το περίγραμμά του.

Σε αυτό το άρθρο, ένας απλός μετατροπέας Κελσίου σε Φαρενάιτ θα χρησιμοποιηθεί ως παράδειγμα για να δείτε τα βασικά σχετικά με τον τρόπο ρύθμισης μιας εφαρμογής φόρμας των Windows. Το Visual Studio 2019 Community Edition είναι η έκδοση που χρησιμοποιείται για αυτό το σεμινάριο.

Πώς να δημιουργήσετε το έργο Windows Forms στο Visual Studio

Πρώτα, δημιουργήστε το έργο στο Visual Studio.

1. Ανοίξτε το Visual Studio και επιλέξτε Δημιουργία Νέου Έργου.
2. Το Visual Studio θα σας παρέχει μια λίστα προτύπων έργων από τα οποία μπορείτε να επιλέξετε.
3. Για να δημιουργήσετε μια εφαρμογή φορμών των Windows, αναζητήστε
   instagram viewer
   Εφαρμογή φόρμας Windows και επιλέξτε το από τη λίστα προτύπων. Μόλις επιλεγεί, κάντε κλικ στο Επόμενο.

   Αν το Εφαρμογή φόρμας Windows η επιλογή δεν είναι διαθέσιμη στη λίστα, τροποποιήστε την εγκατεστημένη έκδοση του Visual Studio. Στο πρόγραμμα εγκατάστασης του Visual Studio, προσθέστε το φόρτο εργασίας ανάπτυξης επιτραπέζιου υπολογιστή .NET για Επιτραπέζιους υπολογιστές και Κινητά και επανεκκινήστε το Visual Studio.

4. Προσθέστε ένα όνομα και μια τοποθεσία για το έργο και κάντε κλικ στο Επόμενο. Η τοποθεσία είναι ο κατάλογος όπου θα αποθηκευτούν τα αρχεία κώδικα.
5. Στην επόμενη οθόνη, διατηρήστε την προεπιλεγμένη επιλογή του .NET Core 3.1.
6. Κάντε κλικ Δημιουργώ.
7. Μόλις το Visual Studio ολοκληρώσει τη δημιουργία του έργου, το έργο θα ανοίξει.

Πώς να προσθέσετε στοιχεία στον καμβά του έργου

Ο καμβάς είναι η λευκή περιοχή που βρίσκεται στο επάνω αριστερό μέρος της οθόνης. Κάντε κλικ και σύρετε τα σημεία κάτω, δεξιά ή κάτω δεξιά στον καμβά για να αλλάξετε το μέγεθός του εάν χρειάζεται.

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

1. Ανοιξε το Προβολή καρτέλας στο επάνω μέρος του παραθύρου και επιλέξτε Εργαλειοθήκη.
2. Αυτό θα προσθέσει μια εργαλειοθήκη στην αριστερή πλευρά της εφαρμογής. Επίλεξε το καρφίτσα εικονίδιο στην επάνω δεξιά γωνία της εργαλειοθήκης για να την καρφιτσώσετε μόνιμα εκεί.
3. Εδώ μπορείτε να σύρετε οποιοδήποτε γραφικό στοιχείο από την εργαλειοθήκη στον καμβά. Επισημάνετε ένα κουμπί από την εργαλειοθήκη και σύρετέ το στον καμβά.
4. Σύρετε δύο ακόμη πλαίσια κειμένου στον καμβά, μαζί με τρεις ετικέτες (δύο ετικέτες για κάθε πλαίσιο κειμένου και μία ετικέτα για τον τίτλο στο επάνω μέρος της εφαρμογής).
5. Κάθε γραφικό στοιχείο στον καμβά έχει ιδιότητες που σχετίζονται με αυτά. Επισημάνετε ένα γραφικό στοιχείο για να εμφανίσετε το Ιδιότητες παράθυρο στην κάτω δεξιά γωνία του Visual Studio, το οποίο παραθέτει όλες τις ιδιότητες που έχει το γραφικό στοιχείο. Αυτές οι ιδιότητες μπορεί να περιλαμβάνουν το κείμενο, το όνομα, το μέγεθος γραμματοσειράς, το περίγραμμα ή τη στοίχιση του επισημασμένου γραφικού στοιχείου.
6. Προς το παρόν, το κείμενο σε αυτά τα γραφικά στοιχεία εξακολουθεί να λέει ετικέτα 1, ετικέτα 2, ή κουμπί 1. Επίλεξε το ετικέτα 1 widget και επεξεργαστείτε το Κείμενο ιδιοκτησία στο παράθυρο ιδιοτήτων για να πείτε "Celsius to Fahrenheit". Αλλάξτε το μέγεθος της γραμματοσειράς σε 22 pt.
7. Ομοίως, επεξεργαστείτε τις ιδιότητες των άλλων γραφικών στοιχείων στον καμβά ως εξής:

   Γραφικό στοιχείο	Ιδιοκτησία	Νέα Αξία
   ετικέτα 2	Κείμενο	Κελσίου
   ετικέτα 3	Κείμενο	θερμόμετρο Φαρενάιτ
   κουμπί	Κείμενο	Υπολογίζω
   Πλαίσιο κειμένου Φαρενάιτ	Μόνο για ανάγνωση	Αληθής

Πώς να χειριστείτε συμβάντα και να γράψετε κώδικα στο Code-Behind

Τα γραφικά στοιχεία στον καμβά μπορούν να συνδεθούν με συμβάντα. Τα συμβάντα μπορεί να περιλαμβάνουν πράγματα όπως το κλικ σε ένα κουμπί, την αλλαγή του κειμένου μέσα σε ένα πλαίσιο κειμένου ή την επιλογή ενός συγκεκριμένου κουμπιού επιλογής. Όταν συμβαίνουν αυτά τα συμβάντα, μπορεί να προκαλέσει την ενεργοποίηση ενός τμήματος κώδικα στο Code-Behind.

Η C# είναι η γλώσσα που χρησιμοποιείται κατά τη δημιουργία φορμών των Windows. Εάν δεν έχετε χρησιμοποιήσει ήδη C#, Υπάρχουν πολλοί πρακτικοί λόγοι για να μάθετε προγραμματισμό C#.

Για τη συγκεκριμένη εφαρμογή, προσθέστε ένα συμβάν στο Υπολογίζω κουμπί, για να ενεργοποιήσετε μια ενότητα κώδικα που θα εκτελεστεί όταν πατηθεί αυτό το κουμπί.

1. Κάντε διπλό κλικ στο Υπολογίζω κουμπί για να ανοίξει αυτόματα το Form1.cs με μια νέα μέθοδο συμβάντος:

   ιδιωτικό κενό υπολογισμόςButton_Click (αποστολέας αντικειμένου, EventArgs e)

2. Εδώ θα προσθέσετε τον κωδικό που θα εκτελέσει τον υπολογισμό Κελσίου σε Φαρενάιτ και θα εμφανίσετε το αποτέλεσμα στο πλαίσιο κειμένου Φαρενάιτ. Για να το κάνετε αυτό, πρέπει να μπορείτε να διαβάσετε την τιμή από το πλαίσιο κειμένου Κελσίου και να τροποποιήσετε το πλαίσιο κειμένου Φαρενάιτ για να εμφανίσετε το αποτέλεσμα.
3. Επιστρέψτε στον καμβά και επεξεργαστείτε ξανά τις ιδιότητες όπως φαίνεται πριν. Αυτή τη φορά, επεξεργαστείτε το Ονομα ιδιοκτησία για τα πλαίσια κειμένου Κελσίου και Φαρενάιτ. Αυτά τα ονόματα μπορούν να χρησιμοποιηθούν για αναφορά στα πλαίσια κειμένου στον κώδικα.

   Γραφικό στοιχείο	Ιδιοκτησία	Νέα Αξία
   Πλαίσιο κειμένου Κελσίου	Ονομα	celsiusTextBox
   Πλαίσιο κειμένου Fahrenheit	Ονομα	FahrenheitTextBox

4. Επιστρέψτε στη συνάρτησηcalculationButton_Click στο Form1.cs.
5. Τώρα, το πλαίσιο κειμένου Celsius μπορεί να αναφέρεται στον κώδικα χρησιμοποιώντας το όνομα "celsiusTextBox". Η τιμή Κελσίου που εισήγαγε ο χρήστης αποθηκεύεται στην ιδιότητα Κείμενο. Ωστόσο, δεδομένου ότι είναι μια συμβολοσειρά, αναλύστε το σε διπλό για να το συμπεριλάβετε στους μελλοντικούς υπολογισμούς Fahrenheit.

   ιδιωτικό κενό υπολογισμόςButton_Click (αποστολέας αντικειμένου, EventArgs e)
   {
    // Λάβετε την τιμή που εισήγαγε ο χρήστης στο πλαίσιο κειμένου Celsius
    διπλάσια τιμή κελσίου = Διπλό. Ανάλυση (celsiusTextBox. Κείμενο);
   }

6. Η μεταβλητή celsiusValue αποθηκεύει τώρα την τιμή που εισήγαγε ο χρήστης στο πλαίσιο κειμένου Celsius. Ο τύπος για τη μετατροπή του Κελσίου σε Φαρενάιτ είναι (ΚελσίουΤιμή * 9 / 5) + 32. Επομένως, το αποτέλεσμα μπορεί τώρα να υπολογιστεί και να αποθηκευτεί στο πλαίσιο κειμένου Fahrenheit.

   ιδιωτικό κενό υπολογισμόςButton_Click (αποστολέας αντικειμένου, EventArgs e)
   {
    // Λάβετε την τιμή που εισήγαγε ο χρήστης στο πλαίσιο κειμένου Celsius
    διπλάσια τιμή κελσίου = Διπλό. Ανάλυση (celsiusTextBox. Κείμενο);
    // Εφαρμόστε τον υπολογισμό
    διπλό αποτέλεσμα = (CelsiusValue * 9 / 5) + 32;
    // Αποθηκεύστε το αποτέλεσμα στο πλαίσιο κειμένου Fahrenheit
    FahrenheitTextBox. Κείμενο = αποτέλεσμα. ToString();
   }

Τρόπος εκτέλεσης και εντοπισμού σφαλμάτων του προγράμματος φορμών των Windows

Εκτέλεση του προγράμματος Windows Forms στο Visual Studio

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

1. Για να εκτελέσετε το πρόγραμμα, επιλέξτε το πράσινο βέλος στο επάνω μέρος της γραμμής εργαλείων στο Visual Studio.
2. Μόλις φορτωθεί το έργο, προσθέστε μια τιμή στο πλαίσιο κειμένου Κελσίου και πατήστε το Υπολογίζω κουμπί. Αυτό θα προσθέσει το αποτέλεσμα στο πλαίσιο κειμένου Fahrenheit.
3. Εάν το πρόγραμμα είναι θολό κατά το χρόνο εκτέλεσης, είναι πιθανό η εφαρμογή σας να μην γνωρίζει το DPI. Αυτό μπορεί να προκαλέσει προβλήματα κλιμάκωσης και επίλυσης, επομένως θα πρέπει να ενεργοποιηθεί. Μπορείτε επίσης να διαβάσετε περισσότερα για διαμόρφωση της κλίμακας οθόνης στα Windows 10 για οθόνες υψηλού DPI.
4. Κάντε δεξί κλικ στο Έργο TemperatureConverter στο Εξερεύνηση λύσεων. Επιλέγω Προσθήκη, μετά επιλέξτε Νέο αντικείμενο.
5. Αναζητήστε το Αρχείο Μανιφέστου Εφαρμογής και κάντε κλικ Προσθήκη.
6. Αντιγράψτε τον παρακάτω κώδικα στο νέο αρχείο app.manifest, ως θυγατρική της ετικέτας συναρμολόγησης (αν ο κώδικας έχει ήδη δημιουργηθεί, απλώς καταργήστε το σχόλιο).

   
   
   αληθής
   αληθής
   
   

7. Για να εφαρμοστεί αυτή η αλλαγή, εκτελέστε ξανά το πρόγραμμα. Επιλέξτε το κόκκινο κουμπί διακοπής στο επάνω μέρος της γραμμής εργαλείων και, στη συνέχεια, επιλέξτε ξανά το πράσινο κουμπί αναπαραγωγής.

Εντοπισμός σφαλμάτων του προγράμματος φορμών των Windows

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

1. Πλοηγηθείτε πίσω στη συνάρτησηcalculationButton_Click στο Form1.cs και κάντε κλικ οπουδήποτε στη γκρίζα γραμμή στο αριστερό άκρο της οθόνης. Αυτό θα προσθέσει ένα σημείο διακοπής, το οποίο υποδεικνύεται με έναν κόκκινο κύκλο.
2. Πατήστε ξανά το κουμπί "Υπολογισμός" για να ενεργοποιήσετε αυτήν τη μέθοδο για εκτέλεση. Το πρόγραμμα θα σταματήσει όταν φτάσει στο σημείο διακοπής για να εμφανίσει όλες τις τιμές που είναι αποθηκευμένες στις μεταβλητές σε αυτό το σημείο.
3. Για να συνεχίσετε το πρόγραμμα, κάντε κλικ στο πράσινο Να συνεχίσει βέλος στην κορυφή της γραμμής εργαλείων.

Εκτέλεση του προγράμματος με χρήση εκτελέσιμου αρχείου

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

1. Μεταβείτε στο εκτελέσιμο αρχείο, το οποίο μπορείτε να βρείτε εδώ:

   /bin/Debug/netcoreapp3.1/TemperatureConverter.exe

2. Κάντε κλικ στο εκτελέσιμο αρχείο για να εκτελέσετε απευθείας το πρόγραμμα.

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

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

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

Χρησιμοποιήστε το Chrome για να δημιουργήσετε μια εφαρμογή Windows 10 από οποιονδήποτε ιστότοπο

Διαβάστε Επόμενο

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