Udostępnij za pośrednictwem

Tworzenie aplikacji Windows Forms w programie Visual Studio przy użyciu języka C#

  • Artykuł

W tym samouczku utworzysz prostą aplikację w języku C#, która ma interfejs użytkownika oparty na systemie Windows.

Jeśli program Visual Studio nie został jeszcze zainstalowany, przejdź do strony pobierania programu Visual Studio, aby zainstalować ją bezpłatnie.

Uwaga

Niektóre zrzuty ekranu w tym samouczku używają motywu ciemnego. Jeśli nie używasz motywu ciemnego, ale chcesz, zobacz stronę Personalizowanie środowiska IDE i edytora programu Visual Studio, aby dowiedzieć się, jak to zrobić.

Jeśli program Visual Studio nie został jeszcze zainstalowany, przejdź do strony pobierania programu Visual Studio 2022, aby zainstalować ją bezpłatnie.

Tworzenie projektu

Najpierw utworzysz projekt aplikacji w języku C#. Typ projektu jest dostarczany ze wszystkimi potrzebnymi plikami szablonów, zanim jeszcze wszystko zostanie dodane.

  1. Otwórz program Visual Studio.

  2. W oknie uruchamiania wybierz pozycję Utwórz nowy projekt.

    View the 'Create a new project' window

  3. W oknie Tworzenie nowego projektu wybierz szablon Aplikacji formularzy systemu Windows (.NET Framework) dla języka C#.

    (Jeśli wolisz, możesz dostosować wyszukiwanie, aby szybko przejść do żądanego szablonu. Na przykład wprowadź lub wpisz Windows Forms App w polu wyszukiwania. Następnie wybierz pozycję C# z listy Język, a następnie wybierz pozycję Windows z listy Platforma).

    Choose the C# template for the Windows Forms App (.NET Framework)

    Uwaga

    Jeśli nie widzisz szablonu Aplikacji formularzy systemu Windows (.NET Framework ), możesz zainstalować go w oknie Tworzenie nowego projektu . W komunikacie Nie można znaleźć tego, czego szukasz? wybierz link Zainstaluj więcej narzędzi i funkcji.

    The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create new project' window

    Następnie w Instalator programu Visual Studio wybierz obciążenie programowanie aplikacji klasycznych .NET.

    .NET Core workload in the Visual Studio Installer

    Następnie wybierz przycisk Modyfikuj w Instalator programu Visual Studio. Może zostać wyświetlony monit o zapisanie pracy; jeśli tak, zrób to. Następnie wybierz pozycję Kontynuuj , aby zainstalować obciążenie. Następnie wróć do kroku 2 w tej procedurze "Tworzenie projektu".

  4. W oknie Konfigurowanie nowego projektu wpisz lub wprowadź ciąg HelloWorld w polu Nazwa projektu. Następnie wybierz pozycję Utwórz.

    in the 'Configure your new project' window, name your project 'HelloWorld'

    Program Visual Studio otwiera nowy projekt.

  1. Otwórz program Visual Studio.

  2. W oknie uruchamiania wybierz pozycję Utwórz nowy projekt.

    Screenshot to show the Create a new project window.

  3. W oknie Tworzenie nowego projektu wybierz szablon Windows Forms App (.NET Framework) dla języka C#.

    (Jeśli wolisz, możesz dostosować wyszukiwanie, aby szybko przejść do żądanego szablonu. Na przykład wprowadź lub wpisz Windows Forms App w polu wyszukiwania. Następnie wybierz pozycję C# z listy Język , a następnie wybierz pozycję Windows z listy Platforma ).

    Screenshot to select the C# template for the Windows Forms App (.NET Framework).

    Uwaga

    Jeśli nie widzisz szablonu Aplikacji formularzy systemu Windows (.NET Framework ), możesz zainstalować go w oknie Tworzenie nowego projektu . W komunikacie Nie można znaleźć tego, czego szukasz? wybierz link Zainstaluj więcej narzędzi i funkcji.

    Screenshot to show the The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create a new project' window.

    Następnie w Instalator programu Visual Studio wybierz obciążenie programowanie aplikacji klasycznych platformy .NET.

    Screenshot to show the .NET Core workload in the Visual Studio Installer.

    Następnie wybierz przycisk Modyfikuj w Instalator programu Visual Studio. Może zostać wyświetlony monit o zapisanie pracy; jeśli tak, zrób to. Następnie wybierz pozycję Kontynuuj , aby zainstalować obciążenie. Następnie wróć do kroku 2 w tej procedurze "Tworzenie projektu".

  4. W oknie Konfigurowanie nowego projektu wpisz lub wprowadź ciąg HelloWorld w polu Nazwa projektu. Następnie wybierz przycisk Utwórz.

    Screenshot to show the 'Configure your new project' window and name your project 'HelloWorld'.

    Program Visual Studio otwiera nowy projekt.

Tworzenie aplikacji

Po wybraniu szablonu projektu języka C# i nazwie pliku program Visual Studio otworzy formularz. Formularz jest interfejsem użytkownika systemu Windows. Utworzymy aplikację "Hello World", dodając kontrolki do formularza, a następnie uruchomimy aplikację.

Dodawanie przycisku do formularza

  1. Wybierz pozycję Przybornik , aby otworzyć okno wysuwane przybornika.

    Screenshot to select the Toolbox to open the Toolbox window.

    (Jeśli nie widzisz Opcja wysuwana przybornika, którą można otworzyć na pasku menu. W tym celu wyświetl >przybornik. Możesz też nacisnąć klawisze Ctrl+Alt+X.

  2. Rozwiń pozycję Typowe kontrolki i wybierz ikonę Przypnij, aby zadokować okno Przybornik.

    Screenshot to select the Pin icon to pin the Toolbox window to the IDE.

  3. Wybierz kontrolkę Przycisk , a następnie przeciągnij ją do formularza.

    Screenshot to add a button to the form.

  4. W oknie Właściwości znajdź pozycję Tekst, zmień nazwę z przycisku1 na Click this, a następnie naciśnij klawisz Enter.

    Screenshot to add text to the button on the form by using the Properties window.

    (Jeśli nie widzisz Okno Właściwości można otworzyć na pasku menu. W tym celu wybierz pozycję Wyświetl>okno właściwości. Możesz też nacisnąć klawisz F4).

  5. W sekcji Projektowanie okna Właściwości zmień nazwę z przycisku1 na btnClickThis, a następnie naciśnij klawisz Enter.

    Screenshot to add a function to the button on the form by using the Properties window.

    Uwaga

    Jeśli lista została alfabetyzowana w oknie Właściwości , przycisk1 pojawi się w sekcji (DataBindings), zamiast tego.

Dodawanie etykiety do formularza

Teraz, gdy dodaliśmy kontrolkę przycisku w celu utworzenia akcji, dodajmy kontrolkę etykiety do wysyłania tekstu.

  1. Wybierz kontrolkę Etykieta w oknie Przybornik, a następnie przeciągnij ją do formularza i upuść pod przyciskiem Kliknij ten przycisk.

  2. W sekcji Projektowanie lub sekcji (DataBindings)okna Właściwości zmień nazwę etykiety1 na lblHelloWorld, a następnie naciśnij klawisz Enter.

Dodawanie kodu do formularza

  1. W oknie Form1.cs [Projektowanie] kliknij dwukrotnie przycisk Kliknij ten przycisk, aby otworzyć okno Form1.cs.

    (Alternatywnie możesz rozwinąć Plik Form1.cs w Eksplorator rozwiązań, a następnie wybierz pozycję Form1.

  2. W oknie Form1.cs po wierszu prywatnej pustki wpisz lub wprowadź, lblHelloWorld.Text = "Hello World!"; jak pokazano na poniższym zrzucie ekranu:

    Screenshot to add code to the form

Uruchamianie aplikacji

  1. Wybierz przycisk Start, aby uruchomić aplikację.

    Screenshot to select Start to debug and run the app.

    Stanie się kilka rzeczy. W środowisku IDE programu Visual Studio zostanie otwarte okno Narzędzia diagnostyczne, a zostanie otwarte okno Dane wyjściowe . Jednak poza środowiskiem IDE zostanie wyświetlone okno dialogowe Formularz1 . Będzie on zawierać przycisk Kliknij ten i tekst z etykietą Label1.

  2. Wybierz przycisk Kliknij ten przycisk w oknie dialogowym Formularz1. Zwróć uwagę, że tekst label1 zmienia się na Hello World!.

    Screenshot to show a Form1 dialog box that includes label1 text.

  3. Zamknij okno dialogowe Formularz1, aby zatrzymać uruchamianie aplikacji.

Tworzenie aplikacji

Po wybraniu szablonu projektu języka C# i nazwie pliku program Visual Studio otworzy formularz. Formularz jest interfejsem użytkownika systemu Windows. Utworzymy aplikację "Hello World", dodając kontrolki do formularza, a następnie uruchomimy aplikację.

Dodawanie przycisku do formularza

  1. Wybierz pozycję Przybornik , aby otworzyć okno wysuwane przybornika.

    Choose the Toolbox to open the Toolbox window

    (Jeśli nie widzisz Opcja wysuwana przybornika, którą można otworzyć na pasku menu. W tym celu wyświetl >przybornik. Możesz też nacisnąć klawisze Ctrl+Alt+X.

  2. Wybierz ikonę Przypnij, aby zadokować okno Przybornik.

    Choose the Pin icon to pin the Toolbox window to the IDE

  3. Wybierz kontrolkę Przycisk , a następnie przeciągnij ją na formularz.

    Add a button to the form

  4. W oknie Właściwości znajdź pozycję Tekst, zmień nazwę z Button1 na Click this, a następnie naciśnij klawisz Enter.

    Add text to the button on the form

    (Jeśli nie widzisz Okno Właściwości można otworzyć na pasku menu. W tym celu wybierz pozycję Wyświetl>okno właściwości. Możesz też nacisnąć klawisz F4).

  5. W sekcji Projekt okna Właściwości zmień nazwę z Button1 na btnClickThis, a następnie naciśnij klawisz Enter.

    Add a function to the button on the form

    Uwaga

    Jeśli lista została alfabetyzowana w oknie Właściwości , przycisk Button1 pojawi się w sekcji (DataBindings), zamiast tego.

Dodawanie etykiety do formularza

Teraz, gdy dodaliśmy kontrolkę przycisku w celu utworzenia akcji, dodajmy kontrolkę etykiety do wysyłania tekstu.

  1. Wybierz kontrolkę Etykieta w oknie Przybornik, a następnie przeciągnij ją do formularza i upuść pod przyciskiem Kliknij ten przycisk.

  2. W sekcji Projektowanie lub sekcji (DataBindings)okna Właściwości zmień nazwę etykiety 1 na lblHelloWorld, a następnie naciśnij klawisz Enter.

Dodawanie kodu do formularza

  1. W oknie Form1.cs [Projektowanie] kliknij dwukrotnie przycisk Kliknij ten przycisk, aby otworzyć okno Form1.cs.

    (Alternatywnie możesz rozwinąć Form1.cs w Eksplorator rozwiązań, a następnie wybierz polecenie Wyświetl kod (lub naciśnij klawisz F7) z menu prawym przyciskiem myszy w pliku Form1.cs.

  2. W oknie Form1.cs po wierszu prywatnej pustki wpisz lub wprowadź, lblHelloWorld.Text = "Hello World!"; jak pokazano na poniższym zrzucie ekranu:

    Add code to the form

Uruchamianie aplikacji

  1. Wybierz przycisk Uruchom, aby uruchomić aplikację.

    Choose Start to debug and run the app

    Stanie się kilka rzeczy. W środowisku IDE programu Visual Studio zostanie otwarte okno Narzędzia diagnostyczne, a zostanie otwarte okno Dane wyjściowe . Jednak poza środowiskiem IDE zostanie wyświetlone okno dialogowe Formularz1 . Będzie on zawierać przycisk Kliknij ten i tekst z etykietą Label1.

  2. Wybierz przycisk Kliknij ten przycisk w oknie dialogowym Formularz1. Zwróć uwagę, że tekst Label1 zmieni się na Hello World!.

    A Form1 dialog box that includes Label1 text

  3. Zamknij okno dialogowe Formularz1, aby zatrzymać uruchamianie aplikacji.

Następne kroki

Gratulujemy ukończenia tego samouczka. Aby dowiedzieć się więcej, przejdź do następującego samouczka:

Samouczek: tworzenie przeglądarki obrazów

Zobacz też