Do tej pory widzieliśmy, jak pracować z C # w celu tworzenia aplikacji konsolowych. Ale w prawdziwym zespole scenariuszy zwykle używa programu Visual Studio i C # do tworzenia formularzy systemu Windows lub aplikacji internetowych.
Aplikacja formularza systemu Windows to aplikacja przeznaczona do uruchamiania na komputerze. Nie będzie działać w przeglądarce internetowej, ponieważ wtedy stanie się aplikacją internetową.
W tym samouczku skupimy się na tym, jak możemy tworzyć aplikacje dla systemu Windows. Nauczymy się również podstaw pracy z różnymi elementami aplikacji C # Windows.
W tym samouczku dotyczącym systemu Windows nauczysz się:
- Podstawy Windows Forms
- Hello World w Windows Forms
- Dodawanie formantów do formularza
- Obsługa zdarzeń dla formantów
- Tree i PictureBox Control
Podstawy Windows Forms
Aplikacja formularzy systemu Windows to taka, która działa na komputerze stacjonarnym. Aplikacja formularzy systemu Windows zwykle zawiera zbiór kontrolek, takich jak etykiety, pola tekstowe, pola list itp.
Poniżej znajduje się przykład prostego formularza aplikacji systemu Windows w języku C #. Pokazuje prosty ekran logowania, do którego użytkownik ma dostęp. Użytkownik wprowadzi wymagane poświadczenia, a następnie kliknie przycisk Zaloguj, aby kontynuować.
A więc przykład kontroli dostępnych w powyższej aplikacji
- Jest to zbiór kontrolek etykiet, które są zwykle używane do opisania sąsiednich kontrolek. Tak więc w naszym przypadku mamy 2 pola tekstowe, a etykiety służą do poinformowania użytkownika, że jedno pole tekstowe służy do wpisania nazwy użytkownika, a drugie do hasła.
- Dwa pola tekstowe służą do przechowywania nazwy użytkownika i hasła, które zostaną wprowadzone przez użytkownika.
- Wreszcie mamy kontrolkę przycisku. Kontrolka przycisku zwykle ma dołączony kod do wykonania określonego zestawu działań. Na przykład w powyższym przypadku moglibyśmy zlecić, aby przycisk wykonywał akcję sprawdzania poprawności nazwy użytkownika i hasła, które są wprowadzane przez użytkownika.
C # Hello World
Spójrzmy teraz na przykład, w jaki sposób możemy zaimplementować prostą aplikację „hello world” w programie Visual Studio. W tym celu musielibyśmy wykonać poniższe kroki
Krok 1) Pierwszy krok polega na utworzeniu nowego projektu w programie Visual Studio. Po uruchomieniu programu Visual Studio należy wybrać opcję menu Nowy-> Projekt.
Krok 2) Następnym krokiem jest wybranie typu projektu jako aplikacji Windows Forms. W tym miejscu musimy również wspomnieć o nazwie i lokalizacji naszego projektu.
- W oknie dialogowym projektu widzimy różne opcje tworzenia różnych typów projektów w programie Visual Studio. Kliknij opcję Windows po lewej stronie.
- Po kliknięciu opcji systemu Windows w poprzednim kroku będziemy mogli zobaczyć opcję aplikacji Windows Forms. Kliknij tę opcję.
- Podamy nazwę aplikacji. W naszym przypadku jest to DemoApplication. Podamy również lokalizację do przechowywania naszej aplikacji.
- Na koniec klikamy przycisk „OK”, aby umożliwić programowi Visual Studio utworzenie naszego projektu.
Jeśli wykonasz powyższe kroki, otrzymasz poniższe dane wyjściowe w programie Visual Studio.
Wynik:-
W programie Visual Studio zostanie wyświetlony Projektant formularzy. To w tym Projektancie formularzy zaczniesz tworzyć aplikację Windows Forms.
W Eksploratorze rozwiązań będzie można również zobaczyć rozwiązanie DemoApplication. To rozwiązanie będzie zawierało poniższe 2 pliki projektu
- Aplikacja Form o nazwie Forms1.cs. Ten plik będzie zawierał cały kod aplikacji Windows Form.
- Program główny o nazwie Program.cs jest domyślnym plikiem kodu, który jest tworzony podczas tworzenia nowej aplikacji w programie Visual Studio. Ten kod będzie zawierał kod startowy aplikacji jako całości.
Po lewej stronie programu Visual Studio zobaczysz również ToolBox. Przybornik zawiera wszystkie kontrolki, które można dodać do Windows Forms. Kontrolki, takie jak pole tekstowe lub etykieta, to tylko niektóre z kontrolek, które można dodać do formularzy systemu Windows.
Poniżej znajduje się zrzut ekranu pokazujący, jak wygląda Toolbox.
Krok 3) W tym kroku dodamy teraz etykietę do formularza, która wyświetli „Hello World”. Z przybornika musisz wybrać kontrolkę Etykieta i po prostu przeciągnąć ją do Formularza.
Po przeciągnięciu etykiety do formularza można zobaczyć etykietę osadzoną w formularzu, jak pokazano poniżej.
Krok 4) Następnym krokiem jest przejście do właściwości kontrolki i zmiana tekstu na „Hello World”.
Aby przejść do właściwości kontrolki, kliknij ją prawym przyciskiem myszy i wybierz opcję menu Właściwości
- Panel właściwości pojawia się również w programie Visual Studio. W przypadku kontrolki etykiety w kontrolce właściwości przejdź do sekcji Tekst i wpisz „Hello World”.
- Każda formant ma zestaw właściwości, które opisują formant.
Jeśli wykonasz wszystkie powyższe kroki i uruchomisz program w programie Visual Studio, otrzymasz następujące dane wyjściowe
Wynik:-
W danych wyjściowych widać, że jest wyświetlany formularz systemu Windows. Możesz również zobaczyć, że w formularzu jest wyświetlany komunikat „Hello World”.
Dodawanie formantów do formularza
Widzieliśmy już, jak dodać kontrolkę do formularza, kiedy dodaliśmy kontrolkę etykiety we wcześniejszej sekcji, aby wyświetlić „Hello World”.
Przyjrzyjmy się innym kontrolkom dostępnym dla formularzy systemu Windows i zobaczmy niektóre z ich typowych właściwości.
W naszej aplikacji formularzy systemu Windows w przykładach C # utworzymy jeden formularz, który będzie miał następujące funkcje.
- Możliwość wpisania nazwy i adresu przez użytkownika.
- Możliwość wyboru miasta, w którym zamieszkuje użytkownik
- Możliwość wprowadzenia przez użytkownika opcji dla płci.
- Możliwość wyboru kursu, którego użytkownik chce się nauczyć. Dokonają wyborów zarówno dla C #, jak i dla ASP.Net
Przyjrzyjmy się więc szczegółowo każdej kontrolce i dodajmy je, aby zbudować formularz z wyżej wymienioną funkcjonalnością.
Pole grupy
Pole grupy służy do logicznego grupowania formantów w sekcje. Weźmy przykład, jeśli masz zbiór kontrolek do wprowadzania szczegółów, takich jak imię i nazwisko oraz adres osoby. Idealnie byłoby, gdyby były to dane osoby, więc chciałbyś, aby te informacje znalazły się w osobnej sekcji formularza. W tym celu możesz mieć skrzynkę grupową. Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej
Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki Groupbox na formularz Windows z przybornika, jak pokazano poniżej
Krok 2) Po dodaniu pola grupy przejdź do okna właściwości, klikając kontrolkę pola grupy. W oknie właściwości przejdź do właściwości Tekst i zmień ją na „Szczegóły użytkownika”.
Po wprowadzeniu powyższych zmian zobaczysz następujące dane wyjściowe
Wynik:-
W wynikach widać wyraźnie, że pole grupy zostało dodane do formularza. Możesz również zobaczyć, że tekst pola grupy został zmieniony na „Szczegóły użytkownika”.
Kontrola etykiet
Dalej jest kontrola etykiet. Kontrolka etykiety służy do wyświetlania tekstu lub wiadomości dla użytkownika w formularzu. Kontrolka etykiety jest zwykle używana razem z innymi kontrolami. Typowe przykłady to dodanie etykiety wraz z kontrolką pola tekstowego.
Etykieta wskazuje użytkownikowi, co ma wypełnić pole tekstowe. Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej. Dodamy 2 etykiety, jedną o nazwie „nazwa”, a drugą o nazwie „adres”. Będą używane w połączeniu z kontrolkami pola tekstowego, które zostaną dodane w dalszej części.
Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki etykiety do formularza Windows z przybornika, jak pokazano poniżej. Upewnij się, że przeciągnąłeś kontrolkę etykiety 2 razy, aby mieć jedną dla „nazwy”, a drugą dla „adresu”.
Krok 2) Po dodaniu etykiety przejdź do okna właściwości, klikając kontrolkę etykiety. W oknie właściwości przejdź do właściwości Text każdej kontrolki etykiety.
Po wprowadzeniu powyższych zmian zobaczysz następujące dane wyjściowe
Wynik:-
Możesz zobaczyć kontrolki etykiet dodane do formularza.
Pole tekstowe
Pole tekstowe służy do umożliwienia użytkownikowi wprowadzenia tekstu w aplikacji systemu Windows w języku C #. Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej. Dodamy do formularza 2 pola tekstowe, jedno na Nazwę, a drugie na adres, który ma zostać wprowadzony przez użytkownika
Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki pola tekstowego do formularza systemu Windows z przybornika, jak pokazano poniżej
Krok 2) Po dodaniu pól tekstowych przejdź do okna właściwości, klikając kontrolkę pola tekstowego. W oknie właściwości przejdź do właściwości Nazwa i dodaj opisową nazwę do każdego pola tekstowego. Na przykład nazwij pole tekstowe użytkownika jako txtUser, a adres jako txtAddress. Konwencję nazewnictwa i standard należy opracować dla formantów, ponieważ łatwiej jest dodać dodatkowe funkcje do tych formantów, co zobaczymy później.
Po wprowadzeniu powyższych zmian zobaczysz następujące dane wyjściowe
Wynik:-
W wynikach widać wyraźnie, że pola tekstowe zostały dodane do formularza.
Skrzynka na listy
Listbox służy do prezentowania listy elementów w formularzu systemu Windows. Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej. Dodamy pole listy do formularza, aby zapisać niektóre lokalizacje miast.
Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki pola listy do formularza systemu Windows z przybornika, jak pokazano poniżej
Krok 2) Po dodaniu pola listy przejdź do okna właściwości, klikając element sterujący pola listy.
- Najpierw zmień właściwość kontrolki Listbox, w naszym przypadku zmieniliśmy to na lstCity
- Kliknij właściwość Pozycje. Umożliwi to dodawanie różnych elementów, które mogą pojawiać się w polu listy. W naszym przypadku wybraliśmy pozycje „kolekcja”.
- W wyskakującym edytorze String Collection wprowadź nazwy miast. W naszym przypadku weszliśmy do „Mumbai”, „Bangalore” i „Hyderabad”.
- Na koniec kliknij przycisk „OK”.
Po wprowadzeniu powyższych zmian zobaczysz następujące dane wyjściowe
Wynik:-
W wynikach widać, że Listbox został dodany do formularza. Możesz również zobaczyć, że pole listy zostało wypełnione wartościami miast.
Przycisk radiowy
Radiobutton służy do wyświetlania listy elementów, z których użytkownik może wybrać jeden. Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej. Dodamy przycisk opcji dla opcji męskiej / żeńskiej.
Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki „radiobutton” do formularza Windows z przybornika, jak pokazano poniżej.
Krok 2) Po dodaniu Radiobutton przejdź do okna właściwości, klikając element sterujący Radiobutton.
- Najpierw musisz zmienić właściwość text obu kontrolek Radio. Przejdź do okien właściwości i zmień tekst na męski jednego radiobutton, a tekst drugiego na żeński.
- Podobnie zmień właściwość name obu formantów Radio. Przejdź do okien właściwości i zmień nazwę jednego radiobutton na „rdMale”, a drugiego na „rdfemale”.
Po wprowadzeniu powyższych zmian zobaczysz następujące dane wyjściowe
Wynik:-
Zobaczysz przyciski radiowe dodane do formularza systemu Windows.
Pole wyboru
Pole wyboru służy do zapewnienia listy opcji, w których użytkownik może wybrać kilka opcji. Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej. Dodamy 2 pola wyboru do naszych formularzy systemu Windows. Te pola wyboru umożliwią użytkownikowi określenie, czy chcą uczyć się języka C #, czy ASP.Net.
Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki pola wyboru do formularza systemu Windows z przybornika, jak pokazano poniżej
Krok 2) Po dodaniu pola wyboru przejdź do okna właściwości, klikając element sterujący Pole wyboru.
W oknie właściwości
- Najpierw musisz zmienić właściwość text obu kontrolek pól wyboru. Przejdź do okien właściwości i zmień tekst na C # i ASP.Net.
- Podobnie zmień właściwość name obu formantów Radio. Przejdź do okien właściwości i zmień nazwę na chkC z jednego pola wyboru i na chkASP dla drugiego.
Po wprowadzeniu powyższych zmian zobaczysz następujące dane wyjściowe
Wynik:-
Przycisk
Przycisk służy do umożliwienia użytkownikowi kliknięcia przycisku, co spowoduje rozpoczęcie przetwarzania formularza. Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej. Dodamy prosty przycisk „Prześlij”, który posłuży do przesłania wszystkich informacji zawartych w formularzu.
Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki przycisku do formularza systemu Windows z przybornika, jak pokazano poniżej
Krok 2) Po dodaniu przycisku przejdź do okna właściwości, klikając element sterujący Przycisk.
- Najpierw musisz zmienić właściwość text kontrolki przycisku. Przejdź do okien właściwości i zmień tekst na „wyślij”.
- Podobnie zmień właściwość name kontrolki. Przejdź do okien właściwości i zmień nazwę na „btnSubmit”.
Po wprowadzeniu powyższych zmian zobaczysz następujące dane wyjściowe
Wynik:-
Gratulacje, masz teraz swój pierwszy podstawowy formularz systemu Windows. Przejdźmy teraz do następnego tematu, aby zobaczyć, jak możemy wykonać obsługę zdarzeń dla elementów sterujących.
Obsługa zdarzeń C # dla formantów
Podczas pracy z formularzem Windows możesz dodawać zdarzenia do kontrolek. Zdarzenie to coś, co ma miejsce, gdy wykonywana jest akcja. Prawdopodobnie najczęstszą czynnością jest kliknięcie przycisku na formularzu. W C # Windows Forms można dodać kod, który może służyć do wykonywania określonych akcji po naciśnięciu przycisku w formularzu.
Zwykle po naciśnięciu przycisku na formularzu oznacza to, że powinno nastąpić pewne przetwarzanie.
Przyjrzyjmy się jednemu ze zdarzeń i temu, jak można sobie z nim poradzić, zanim przejdziemy do scenariusza zdarzenia przycisku.
Poniższy przykład pokaże zdarzenie dla kontrolki Listbox. Tak więc za każdym razem, gdy element jest zaznaczony w kontrolce listy, powinno pojawić się okno komunikatu, które pokazuje wybrany element. Wykonajmy następujące kroki, aby to osiągnąć.
Krok 1) Kliknij dwukrotnie Listbox w kreatorze formularzy . W ten sposób program Visual Studio automatycznie otworzy plik kodu dla formularza. I automatycznie doda metodę zdarzenia do kodu. Ta metoda zdarzenia zostanie wyzwolona za każdym razem, gdy zostanie wybrany dowolny element z pola listy.
Powyżej znajduje się fragment kodu, który jest automatycznie dodawany przez program Visual Studio po dwukrotnym kliknięciu kontrolki Pole listy w formularzu. Teraz dodajmy poniższą sekcję kodu do tego fragmentu kodu, aby dodać wymaganą funkcjonalność do zdarzenia listbox.
- Jest to metoda obsługi zdarzeń, która jest automatycznie tworzona przez program Visual Studio po dwukrotnym kliknięciu kontrolki Pole listy. Nie musisz martwić się o złożoność nazwy metody lub parametry przekazane do metody.
- Tutaj pobieramy SelectedItem przez właściwość lstCity.SelectedItem. Pamiętaj, że lstCity to nazwa naszej kontrolki Listbox. Następnie używamy metody GetItemText, aby uzyskać rzeczywistą wartość wybranego elementu. Następnie przypisujemy tę wartość do zmiennej tekstowej.
- Na koniec używamy metody MessageBox, aby wyświetlić użytkownikowi wartość zmiennej tekstowej.
Po wprowadzeniu powyższych zmian i uruchomieniu programu w programie Visual Studio zobaczysz następujące dane wyjściowe
Wynik:-
Na podstawie danych wyjściowych widać, że po wybraniu dowolnego elementu z pola listy pojawi się okno komunikatu. Spowoduje to wyświetlenie wybranego elementu z pola listy.
Teraz spójrzmy na ostateczną kontrolę, którą jest metoda kliknięcia przycisku. Znowu wynika to z tej samej filozofii. Wystarczy dwukrotnie kliknąć przycisk w Projektancie formularzy, co spowoduje automatyczne dodanie metody obsługi zdarzeń przycisku. Następnie wystarczy dodać poniższy kod.
- Jest to metoda obsługi zdarzeń, która jest automatycznie tworzona przez program Visual Studio po dwukrotnym kliknięciu kontrolki przycisku. Nie musisz martwić się o złożoność nazwy metody lub parametry przekazane do metody.
- Tutaj otrzymujemy wartości wpisane w polu tekstowym nazwy i adresu. Wartości można pobrać z właściwości text pola tekstowego. Następnie przypisujemy wartości do 2 zmiennych, odpowiednio nazwy i adresu.
- Na koniec używamy metody MessageBox, aby wyświetlić użytkownikowi nazwę i wartości adresu.
Po wprowadzeniu powyższych zmian i uruchomieniu programu w programie Visual Studio zobaczysz następujące dane wyjściowe
Wynik:-
- Najpierw wprowadź wartość w polu nazwy i adresu.
- Następnie kliknij przycisk Prześlij
Po kliknięciu przycisku Prześlij pojawi się okno komunikatu, które będzie poprawnie pokazywać, co wpisałeś w sekcji szczegółów użytkownika.
Tree i PictureBox Control
Są jeszcze 2 kontrolki, którym możemy przyjrzeć się, jedna to „Kontrola drzewa”, a druga to „Kontrola obrazu”. Spójrzmy na przykłady, jak możemy zaimplementować te kontrolki
Kontrola drzewa
- Element sterujący drzewem służy do tworzenia listy elementów w postaci drzewa. Chyba najlepszym przykładem jest sam Eksplorator Windows. Struktura folderów w Eksploratorze Windows jest podobna do struktury drzewa.
Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej.
Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki Drzewo do formularza Windows z przybornika, jak pokazano poniżej
Krok 2) Następnym krokiem jest rozpoczęcie dodawania węzłów do kolekcji drzew, aby mogła ona odpowiednio pojawić się w drzewie. Najpierw wykonajmy poniższe kroki, aby dodać węzeł główny do kolekcji drzew.
- Przejdź do przybornika właściwości kontrolki widoku drzewa. Kliknij właściwość węzła. Spowoduje to wyświetlenie edytora TreeNode
- W edytorze TreeNode kliknij przycisk Add Root, aby dodać węzeł główny do kolekcji drzew.
- Następnie zmień tekst węzła głównego i podaj tekst jako główny i kliknij przycisk „OK”. Spowoduje to dodanie węzła głównego.
Krok 3) Następnym krokiem jest rozpoczęcie dodawania węzłów potomnych do kolekcji drzew. Postępujmy zgodnie z poniższymi krokami, aby dodać podrzędny węzeł główny do kolekcji drzew.
- Najpierw kliknij przycisk Dodaj dziecko. Umożliwi to dodawanie węzłów podrzędnych do kolekcji Drzewo.
- Dla każdego węzła podrzędnego zmień właściwość text. Powtarzaj poprzedni krok i ten krok i dodaj 2 dodatkowe węzły. Ostatecznie będziesz mieć 3 węzły, jak pokazano powyżej, z tekstem odpowiednio jako Etykieta, Przycisk i Pole wyboru.
- Kliknij przycisk OK
Po wprowadzeniu powyższych zmian zobaczysz następujące dane wyjściowe.
Wynik:-
Będziesz mógł zobaczyć widok drzewa dodany do formularza. Po uruchomieniu aplikacji formularza systemu Windows można rozwinąć węzeł główny i wyświetlić węzły potomne na liście.
PictureBox Control
Ta kontrolka służy do dodawania obrazów do C # Winforms. Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej.
Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki PictureBox na formularz C # Windows z przybornika, jak pokazano poniżej
Krok 2) Następnym krokiem jest faktyczne dołączenie obrazu do kontrolki ramki graficznej. Można to zrobić, wykonując poniższe czynności.
- Najpierw kliknij właściwość Image dla kontrolki PictureBox. Pojawi się nowe okno.
- W tym oknie kliknij przycisk Importuj. Posłuży to do dołączenia obrazu do kontrolki Picturebox.
- Pojawi się okno dialogowe, w którym będziesz mógł wybrać obraz do dołączenia ramki graficznej
- Kliknij przycisk OK
Po wprowadzeniu powyższych zmian zobaczysz następujące dane wyjściowe
Wynik:-
Na podstawie danych wyjściowych widać, że obraz jest wyświetlany w formularzu.
Podsumowanie
- Formularz systemu Windows w aplikacji C # to taki, który działa na pulpicie komputera. Visual Studio Form wraz z C # może służyć do tworzenia aplikacji Windows Forms.
- Kontrolki można dodawać do formularzy systemu Windows C # za pomocą zestawu narzędzi w programie Visual Studio. Elementy sterujące, takie jak etykiety, pola wyboru, przyciski opcji itp. Można dodać do formularza za pomocą przybornika.
- Można również użyć zaawansowanych formantów, takich jak kontrolka widoku drzewa i kontrolka PictureBox.
- Procedury obsługi zdarzeń służą do reagowania na zdarzenia generowane przez kontrolki. Najpopularniejszym jest ten dodawany do zdarzenia kliknięcia przycisku.