Udostępnij za pośrednictwem


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

W tym samouczku utworzysz prostą aplikację w języku C#, która ma interfejs użytkownika oparty na systemie Windows. Aplikacja ma przycisk, który zmienia tekst etykiety. Ta prosta aplikacja zawiera wszystkie składniki używane do bardziej skomplikowanych programów Windows Forms.

  • Tworzenie projektu w języku C# w programie Visual Studio
  • Tworzenie aplikacji
  • Uruchamianie aplikacji

Warunki wstępne

Tworzenie projektu

Najpierw utwórz projekt aplikacji w języku C#. Typ projektu zawiera wszystkie pliki szablonów potrzebne do utworzenia aplikacji.

  1. Otwórz program Visual Studio i wybierz Utwórz nowy projekt w oknie uruchamiania.

    Zrzut ekranu przedstawiający okno Tworzenie nowego projektu.

  2. W Utwórz nowy projektwybierz szablon Windows Forms App (.NET Framework) dla języka C#.

    Zrzut ekranu przedstawiający aplikację Windows Forms App (.NET Framework) dla języka C#.

    Możesz uściślić wyszukiwanie, aby szybko przejść do żądanego szablonu. Na przykład wprowadź Windows Forms App w polu wyszukiwania. Następnie wybierz języka C# z listy języków, a następnie z listy platform wybierz pozycję Windows.

  3. W Skonfiguruj nowy projekt, w polu Nazwa projektuwpisz HelloWorld i wybierz Utwórz.

    Zrzut ekranu przedstawiający okno Konfigurowanie nowego projektu, w którym nadasz projektowi nazwę HelloWorld.

    Program Visual Studio otwiera nowy projekt.

  1. Otwórz program Visual Studio i wybierz Utwórz nowy projekt w oknie uruchamiania.

    Zrzut ekranu przedstawiający opcję Utwórz nowy projekt.

  2. W Utwórz nowy projektwybierz szablon Windows Forms App (.NET Framework) dla języka C#.

    Możesz uściślić wyszukiwanie, aby szybko przejść do żądanego szablonu. Na przykład wpisz Windows Forms App w polu wyszukiwania. Następnie wybierz pozycję C# z listy języków, a następnie wybierz pozycję Windows z listy platformy.

    Zrzut ekranu przedstawiający szablon języka C# dla aplikacji Windows Forms (.NET Framework).

  3. W oknie Konfigurowanie nowego projektu w Nazwa projektuwprowadź HelloWorldi wybierz pozycję Utwórz.

    Zrzut ekranu przedstawiający okno Konfigurowanie nowego projektu dla projektu o nazwie HelloWorld.

    Program Visual Studio otwiera nowy projekt.

Tworzenie aplikacji

Po wybraniu szablonu projektu w języku C# i nazwie projektu program Visual Studio otworzy formularz. Formularz jest interfejsem użytkownika systemu Windows. Utwórz aplikację Hello World, dodając kontrolki do formularza. Następnie uruchom aplikację.

Dodawanie przycisku do formularza

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

    Zrzut ekranu pokazujący opcję

    Jeśli nie widzisz opcji przybornika, możesz ją otworzyć na pasku menu. Wybierz pozycję View>Toolbox lub Ctrl+Alt+X.

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

    Zrzut ekranu przedstawiający ikonę Przypnij, która przypina okno Przybornika do IDE.

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

    Zrzut ekranu przedstawiający formularz z przyciskiem.

  4. W oknie Properties znajdź Text, zmień nazwę z Button1 na Click this, a następnie naciśnij Wprowadź.

    Zrzut ekranu przedstawiający miejsce zmiany tekstu przycisku w formularzu.

    Jeśli nie widzisz okna właściwości , możesz go otworzyć na pasku menu. Wybierz pozycję Wyświetl okno właściwości> lub F4.

  5. W sekcji Projekt okna Właściwości zmień nazwę z Button1 na btnClickThis, a następnie wybierz Wprowadź.

    Zrzut ekranu przedstawiający nową nazwę przycisku.

    Notatka

    Jeśli uporządkowałeś alfabetycznie listę w oknie właściwości, Przycisk1 pojawi się zamiast tego w sekcji (DataBindings).

Dodawanie etykiety do formularza

Po dodaniu kontrolki przycisku w celu utworzenia akcji dodaj kontrolkę etykiety, aby otrzymać tekst.

  1. Wybierz kontrolkę Etykieta z przybornika . Następnie przeciągnij go na formularz i upuść go poniżej przycisku . Kliknij ten przycisk.

  2. W sekcji Design lub (DataBindings) sekcji okna właściwości zmień nazwę Label1 na lblHelloWorld. Następnie wybierz pozycję Wprowadź.

Dodawanie kodu do formularza

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

    Alternatywnie możesz rozwinąć Form1.cs w Eksploratorze Rozwiązań, a następnie wybrać Wyświetl kod lub z menu skrótów wybrać F7 na Form1.cs.

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

    Zrzut ekranu przedstawiający okno kodu, w którym dodasz kod do formularza.

Po wybraniu szablonu projektu w języku C# i nazwie projektu program Visual Studio otworzy formularz. Formularz jest interfejsem użytkownika systemu Windows. Utwórz aplikację Hello World, dodając kontrolki do formularza. Następnie uruchom aplikację.

Dodawanie przycisku do formularza

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

    Zrzut ekranu pokazujący, jak wybrać Przybornik, aby otworzyć jego okno.

    Jeśli nie widzisz opcji przybornika, możesz ją otworzyć na pasku menu. Wybierz pozycję View>Toolbox lub Ctrl+Alt+X.

  2. Rozwiń Wspólne kontrolki i wybierz ikonę Przypnij, aby zadokować okno Przybornika.

    Zrzut ekranu przedstawiający ikonę

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

    Zrzut ekranu przedstawiający formularz z właśnie dodanym przyciskiem.

  4. W oknie Właściwości zlokalizuj Tekst. Zmień nazwę przycisku 1 na Click this, a następnie wybierz pozycję Wprowadź.

    Zrzut ekranu przedstawiający pole Tekst w oknie Właściwości.

    Jeśli nie widzisz okna właściwości , możesz go otworzyć na pasku menu. Wybierz pozycję Wyświetl okno właściwości> lub F4.

  5. W sekcji projektowania okna Właściwości zmień nazwę z button1 na btnClickThis, a następnie wybierz Enter.

    Zrzut ekranu przedstawiający nową nazwę przycisku.

    Notatka

    Jeśli uporządkujesz alfabetycznie listę w oknie właściwości, przycisk1 pojawi się w sekcji (DataBindings).

Dodawanie etykiety do formularza

Po dodaniu kontrolki przycisku w celu utworzenia akcji dodaj kontrolkę etykiety, aby otrzymać tekst.

  1. Wybierz kontrolkę Etykieta z przybornika . Następnie przeciągnij go na formularz i upuść go poniżej przycisku . Kliknij ten przycisk.

  2. W sekcji Projektowanie lub sekcji (DataBindings) w oknie Właściwości zmień nazwę label1 na lblHelloWorld. Następnie wybierz pozycję Wprowadź.

Dodawanie kodu do formularza

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

    Alternatywnie, możesz rozwinąć Form1.cs w Eksploratorze Rozwiązań, a następnie wybrać Form1.

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

    Zrzut ekranu pokazujący, gdzie dodać kod do formularza.

Uruchamianie aplikacji

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

    Zrzut ekranu przedstawiający przycisk Uruchom w celu debugowania i uruchamiania aplikacji.

    Dzieje się kilka rzeczy. W środowisku IDE programu Visual Studio zostanie otwarte okno Narzędzia diagnostyczne oraz okno danych wyjściowych . Jednak poza środowiskiem IDE zostanie wyświetlone okno dialogowe Form1. Zawiera on Kliknij ten przycisk i tekst zawierający napis Label1.

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

    Zrzut ekranu przedstawiający aplikację, czyli okno dialogowe Formularz1 zawierające tekst Label1.

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

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

    Zrzut ekranu przedstawiający przycisk Uruchom w celu debugowania i uruchamiania aplikacji.

    Dzieje się kilka rzeczy. W środowisku IDE programu Visual Studio zostanie otwarte okno Narzędzia diagnostyczne oraz okno danych wyjściowych . Jednak poza środowiskiem IDE zostanie wyświetlone okno dialogowe Form1. Zawiera on element Kliknij przycisk i tekst z napisem label1.

  2. Wybierz przycisk Kliknij ten w oknie dialogowym Form1. Zwróć uwagę, że etykieta 1 zmienia się na Hello World!.

    Zrzut ekranu przedstawiający okno dialogowe Formularz1 zawierające przycisk i etykietę.

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

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

Możesz też wypróbować inne samouczki: