Jak stworzyć swoją pierwszą aplikację Windows Forms (Winforms) w Visual Studio

Windows Forms to platforma dostępna w programie Visual Studio, która umożliwia tworzenie aplikacji klasycznych za pomocą graficznego interfejsu użytkownika. Umożliwia to klikanie i przeciąganie widżetów, takich jak przyciski lub etykiety, bezpośrednio na kanwę oraz manipulowanie właściwościami każdego widżetu, takimi jak rozmiar czcionki, kolor lub obramowanie.

W tym artykule prosty konwerter stopni Celsjusza na Fahrenheita zostanie użyty jako przykład do omówienia podstaw konfigurowania aplikacji formularza systemu Windows. Visual Studio 2019 Community Edition to wersja używana w tym samouczku.

Jak utworzyć projekt Windows Forms w Visual Studio

Najpierw utwórz projekt w Visual Studio.

1. Otwórz Visual Studio i wybierz Utwórz nowy projekt.
2. Visual Studio udostępni listę szablonów projektów, z których możesz wybierać.
3. Aby utworzyć aplikację Windows Forms, wyszukaj Aplikacja Windows Form i wybierz go z listy szablonów. Po wybraniu kliknij Następny.

   Jeśli Aplikacja Windows Form opcja nie jest dostępna na liście,

   instagram viewer

   zmodyfikuj zainstalowaną wersję Visual Studio. W Instalatorze programu Visual Studio dodaj obciążenie programistyczne platformy .NET dla komputerów stacjonarnych i urządzeń przenośnych, a następnie ponownie uruchom program Visual Studio.

4. Dodaj nazwę i lokalizację projektu, a następnie kliknij Następny. Lokalizacja to katalog, w którym będą przechowywane pliki kodu.
5. Na następnym ekranie zachowaj domyślny wybór .NET Core 3.1.
6. Kliknij Tworzyć.
7. Gdy program Visual Studio zakończy tworzenie projektu, projekt zostanie otwarty.

Jak dodawać elementy do kanwy projektu

Płótno to biały obszar znajdujący się w lewym górnym rogu ekranu. Kliknij i przeciągnij punkty w prawym dolnym, prawym lub prawym dolnym rogu kanwy, aby w razie potrzeby zmienić jego rozmiar.

Aby utworzyć interfejs użytkownika aplikacji, dodaj do kanwy widżety, takie jak przyciski lub pola tekstowe.

1. Otworzyć Zobacz kartę w górnej części okna i wybierz Przybornik.
2. Spowoduje to dodanie przybornika po lewej stronie aplikacji. Wybierz ikona pinezki w prawym górnym rogu przybornika, aby przypiąć go tam na stałe.
3. Tutaj możesz przeciągnąć dowolny widżet z przybornika na kanwę. Zaznacz przycisk z przybornika i przeciągnij go na kanwę.
4. Przeciągnij dwa dodatkowe pola tekstowe na kanwę wraz z trzema etykietami (dwie etykiety dla każdego pola tekstowego i jedną etykietę tytułu u góry aplikacji).
5. Z każdym widżetem na kanwie są powiązane właściwości. Zaznacz widżet, aby wyświetlić Nieruchomości okno w prawym dolnym rogu programu Visual Studio, które zawiera listę wszystkich właściwości, które ma widżet. Te właściwości mogą obejmować tekst, nazwę, rozmiar czcionki, obramowanie lub wyrównanie podświetlonego widżetu.
6. W tej chwili tekst na tych widżetach nadal mówi etykieta1, etykieta2, lub przycisk 1. Wybierz etykieta1 widżet i edytuj Tekst właściwość w oknie właściwości, aby powiedzieć „Celsius to Fahrenheit”. Zmień rozmiar czcionki na 22 pkt.
7. Podobnie edytuj właściwości innych widżetów na kanwie, aby wyglądały następująco:

   Widżet	Nieruchomość	Nowa wartość
   etykieta2	Tekst	Celsjusz
   etykieta3	Tekst	Fahrenheita
   przycisk	Tekst	Oblicz
   Pole tekstowe w stopniach Fahrenheita	Tylko czytać	Prawdziwe

Jak obsługiwać zdarzenia i pisać kod w kodzie?

Widgety na płótnie można powiązać ze zdarzeniami. Zdarzenia mogą obejmować takie rzeczy, jak kliknięcie przycisku, zmiana tekstu w polu tekstowym lub wybranie określonego przycisku opcji. Gdy te zdarzenia się wydarzą, może to spowodować wyzwolenie sekcji kodu w Code-Behind.

C# to język używany podczas tworzenia formularzy Windows Forms. Jeśli nie używałeś jeszcze C#, istnieje wiele praktycznych powodów, aby nauczyć się programowania w C#.

W przypadku tej konkretnej aplikacji dodaj wydarzenie do Oblicz przycisk, aby uruchomić sekcję kodu po naciśnięciu tego przycisku.

1. Kliknij dwukrotnie Oblicz przycisk, aby automatycznie otworzyć Form1.cs z nową metodą Event:

   private void rotateButton_Click (nadawca obiektu, EventArgs e)

2. W tym miejscu dodasz kod, który wykona obliczenia w stopniach Celsjusza na Fahrenheita i wyświetli wynik w polu tekstowym Fahrenheita. Aby to zrobić, musisz być w stanie odczytać wartość z pola tekstowego Celsjusza i zmodyfikować pole tekstowe Fahrenheita, aby wyświetlić wynik.
3. Wróć do kanwy i ponownie edytuj właściwości, jak pokazano wcześniej. Tym razem edytuj Imię właściwość dla pól tekstowych Celsjusza i Fahrenheita. Nazwy te mogą służyć do odwoływania się do pól tekstowych w kodzie.

   Widżet	Nieruchomość	Nowa wartość
   Pole tekstowe Celsjusza	Imię	CelsjuszPole Tekstowe
   Pole tekstowe w stopniach Fahrenheita	Imię	pole tekstowe fahrenheita

4. Wróć do funkcji kalkulatora_Click w formularzu Form1.cs.
5. Teraz pole tekstowe Celsjusza można odwoływać się w kodzie za pomocą nazwy „celsiusTextBox”. Wprowadzona przez użytkownika wartość w stopniach Celsjusza jest przechowywana we właściwości Text. Jednakże, ponieważ jest to ciąg, przeanalizuj go do postaci podwójnej, aby uwzględnić go w przyszłych obliczeniach Fahrenheita.

   private void rotateButton_Click (nadawca obiektu, EventArgs e)
   {
    // Pobierz wartość wprowadzoną przez użytkownika w polu tekstowym Celsjusza
    podwójna wartość celsjusza = podwójna. Analizuj (celsiusTextBox. Tekst);
   }

6. Zmienna celsiusValue przechowuje teraz wartość wprowadzoną przez użytkownika w polu tekstowym Celsjusza. Wzór na przeliczanie stopni Celsjusza na Fahrenheita to (CelsiusValue * 9 / 5) + 32. Dlatego wynik można teraz obliczyć i zapisać w polu tekstowym Fahrenheita.

   private void rotateButton_Click (nadawca obiektu, EventArgs e)
   {
    // Pobierz wartość wprowadzoną przez użytkownika w polu tekstowym Celsjusza
    podwójna wartość celsjusza = podwójna. Analizuj (celsiusTextBox. Tekst);
    // Zastosuj obliczenia
    podwójny wynik = (celsiusValue * 9 / 5) + 32;
    // Zapisz wynik w polu tekstowym Fahrenheita
    Pole tekstowe Fahrenheita. Tekst = wynik. ToString();
   }

Jak uruchomić i debugować program Windows Forms

Uruchamianie programu Windows Forms w Visual Studio

Teraz, gdy interfejs użytkownika i logika kodu są skonfigurowane, uruchom program, aby zobaczyć, jak działa.

1. Aby uruchomić program, wybierz zieloną strzałkę u góry paska narzędzi w programie Visual Studio.
2. Po załadowaniu projektu dodaj wartość do pola tekstowego Celsjusza i naciśnij Oblicz przycisk. Spowoduje to dodanie wyniku do pola tekstowego Fahrenheita.
3. Jeśli program jest rozmazany w czasie wykonywania, prawdopodobnie aplikacja nie obsługuje rozdzielczości DPI. Może to powodować problemy ze skalowaniem i rozdzielczością, więc należy to włączyć. Możesz też przeczytać więcej o konfigurowanie skalowania wyświetlacza w systemie Windows 10 dla monitorów o wysokiej rozdzielczości.
4. Kliknij prawym przyciskiem myszy Projekt konwertera temperatury w Eksplorator rozwiązań. Wybierz Dodać, a następnie wybierz Nowy przedmiot.
5. Wyszukaj plik manifestu aplikacji i kliknij Dodać.
6. Skopiuj następujący kod do nowego pliku app.manifest jako element podrzędny tagu zestawu (jeśli kod jest już wygenerowany, po prostu usuń komentarz).

   
   
   prawda
   prawda
   
   

7. Aby ta zmiana zaczęła obowiązywać, uruchom ponownie program. Wybierz czerwony przycisk zatrzymania u góry paska narzędzi, a następnie ponownie wybierz zielony przycisk odtwarzania.

Debugowanie programu Windows Forms

Możesz chcieć debugować program, jeśli logika aplikacji Windows Forms nie działa zgodnie z oczekiwaniami.

1. Przejdź z powrotem do funkcji generateButton_Click w formularzu Form1.cs i kliknij w dowolnym miejscu szarego paska po lewej stronie ekranu. Spowoduje to dodanie punktu przerwania, który jest oznaczony czerwonym kółkiem.
2. Naciśnij ponownie przycisk „Oblicz”, aby uruchomić tę metodę. Program zatrzyma się, gdy osiągnie punkt przerwania, aby pokazać wszystkie wartości przechowywane w zmiennych w tym punkcie.
3. Aby kontynuować program, kliknij zielony Kontyntynuj strzałka u góry paska narzędzi.

Uruchamianie programu przy użyciu pliku wykonywalnego

Jeśli nie chcesz uruchamiać programu za pośrednictwem programu Visual Studio, użyj autonomicznego pliku wykonywalnego dla programu. Jest to generowane automatycznie.

1. Przejdź do pliku wykonywalnego, który można znaleźć tutaj:

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

2. Kliknij plik wykonywalny, aby bezpośrednio uruchomić program.

Dodawanie więcej do formularza systemu Windows

Mamy nadzieję, że masz teraz podstawową wiedzę na temat podstawowej struktury aplikacji Windows Form. Możesz kontynuować eksplorowanie dodatkowych funkcji Windows Forms, eksperymentując z nowymi widżetami i zagłębiając się w inne różne zdarzenia, które można obsłużyć.

Po zapoznaniu się z Windows Forms możesz zacząć tworzyć bardziej złożone aplikacje. Możesz także poznać wiele innych sposobów tworzenia aplikacji na pulpicie systemu Windows.

O autorze