C# Windows Samouczek dotyczący aplikacji Forms z przykładem

Po lewej stronie programu Visual Studio zobaczysz również narzędzieBoxSkrzynka narzędziowa zawiera wszystkie elementy sterujące, które można dodać do Windows Formularze. Kontrolki takie jak pole tekstowe lub etykieta to tylko niektóre z kontrolek, które można dodać do Windows Formularze.

Poniżej znajduje się zrzut ekranu pokazujący wygląd Skrzynki z narzędziami.

Krok 3) W tym kroku dodamy etykietę do formularza, która będzie wyświetlać „Hello World”. Z przybornika należy wybrać kontrolkę Label i po prostu przeciągnąć ją na formularz.

Po przeciągnięciu etykiety do formularza zobaczysz 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, należy kliknąć kontrolkę prawym przyciskiem myszy i wybrać opcję menu Właściwości

• Panel właściwości jest również widoczny w Visual Studio. Tak więc w przypadku kontrolki etykiety, w kontrolce właściwości przejdź do sekcji Tekst i wpisz „Hello World”.
• Każda kontrolka ma zestaw właściwości opisujących kontrolkę.

Jeśli wykonasz wszystkie powyższe kroki i uruchomisz program w programie Visual Studio, otrzymasz następujący wynik

Wynik:-

Na wyjściu widać, że Windows Wyświetlany jest formularz. Możesz również zobaczyć, że na formularzu wyświetlany jest napis „Hello World”.

Dodawanie kontrolek do formularza

Widzieliśmy już, jak dodać kontrolkę do formularza, kiedy we wcześniejszej sekcji dodaliśmy kontrolkę etykiety, aby wyświetlić „Hello World”.

Przyjrzyjmy się innym dostępnym kontrolkom Windows formy i zobaczyć niektóre z ich wspólnych właściwości.

W naszym Windows W przykładach aplikacji formularza w języku C# utworzymy jeden formularz, który będzie miał następującą funkcjonalność.

1. Możliwość wprowadzenia przez użytkownika nazwy i adresu.
2. Możliwość wyboru miasta, w którym mieszka użytkownik
3. Możliwość wprowadzenia przez użytkownika opcji dotyczącej płci.
4. Możliwość wyboru kursu, którego użytkownik chce się uczyć. Dokonane zostaną wybory zarówno dla C#, jak i ASP.Net

Przyjrzyjmy się więc szczegółowo każdej kontrolce i dodajmy je, aby zbudować formularz z wyżej wymienioną funkcjonalnością.

Zarządzanie Box

Pole grupy jest używane do logicznego grupowania kontrolek w sekcji. Weźmy przykład, gdybyś miał zbiór kontrolek do wprowadzania szczegółów, takich jak imię i nazwisko oraz adres osoby. W idealnym przypadku są to szczegóły osoby, więc chciałbyś mieć te szczegóły w osobnej sekcji w formularzu. W tym celu możesz mieć pole grupy. Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej

Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki Groupbox na Windows Formularz z przybornika, jak pokazano poniżej

Krok 2) Po dodaniu groupboxa przejdź do okna właściwości, klikając na kontrolkę groupboxa. W oknie właściwości przejdź do właściwości Text i zmień ją na „User Details”.

Po wprowadzeniu powyższych zmian zobaczysz następujący wynik

Wynik:-

Na wyjściu widać wyraźnie, że Groupbox został dodany do formularza. Można również zobaczyć, że tekst Groupbox został zmieniony na „Szczegóły użytkownika”.

Kontrola etykiet

Następnie pojawia się kontrolka etykiety. Kontrolka etykiety służy do wyświetlania tekstu lub wiadomości użytkownikowi w formularzu. Kontrolka etykiety jest zwykle używana wraz z innymi kontrolkami. Typowe przykłady to dodawanie 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 poniżej. Dodamy 2 etykiety, jedną, która będzie nazywać się „nazwa”, a drugą „adres”. Będą one używane w połączeniu z kontrolkami pola tekstowego, które zostaną dodane w późniejszej sekcji.

Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki etykiety na Windows Formularz z przybornika, jak pokazano poniżej. Upewnij się, że przeciągasz kontrolkę etykiety 2 razy, aby mieć jedną dla 'nazwy' i 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 Tekst każdej kontrolki etykiety.

Po wprowadzeniu powyższych zmian zobaczysz następujący wynik

Wynik:-

Możesz zobaczyć kontrolki etykiet dodane do formularza.

Pole tekstowe

Pole tekstowe służy do umożliwienia użytkownikowi wprowadzenia tekstu w polu tekstowym. Windows aplikacja w C#. Zobaczmy, jak możemy to zaimplementować na przykładzie poniżej. Dodamy 2 pola tekstowe do formularza, jedno na Nazwę, a drugie na adres, który ma zostać wprowadzony dla użytkownika

Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki pola tekstowego na Windows Formularz 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 znaczącą nazwę do każdego pola tekstowego. Na przykład nazwij pole tekstowe dla użytkownika jako txtName, a dla adresu jako txtAddress. Należy ustalić konwencję nazewnictwa i standard dla kontrolek, ponieważ łatwiej jest dodawać do nich dodatkowe funkcje, co zobaczymy później.

Po wprowadzeniu powyższych zmian zobaczysz następujący wynik

Wynik:-

Na wyjściu wyraźnie widać, że pola tekstowe zostały dodane do formularza.

Pole listy

Pole listy służy do wyświetlania listy elementów na Windows formularz. Zobaczmy, jak możemy to zaimplementować na przykładzie poniżej. Dodamy pole listy do formularza, aby zapisać lokalizacje niektórych miast.

Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki listy rozwijanej na Windows Formularz z przybornika, jak pokazano poniżej

Krok 2) Po dodaniu listy rozwijanej przejdź do okna właściwości, klikając kontrolkę listy rozwijanej.

1. Najpierw zmień właściwość kontrolki pola listy, w naszym przypadku zmieniliśmy ją na lstCity
2. Kliknij właściwość Elementy. Pozwoli Ci to dodać różne elementy, które mogą się pojawić w polu listy. W naszym przypadku wybraliśmy elementy „kolekcja”.
3. W wyświetlonym edytorze kolekcji ciągów wprowadź nazwy miast. W naszym przypadku wpisaliśmy „Mumbai”, „Bangalore” i „Hyderabad”.
4. Na koniec kliknij przycisk „OK”.

Po wprowadzeniu powyższych zmian zobaczysz następujący wynik

Wynik:-

Na wyjściu widać, że Listbox został dodany do formularza. Można również zobaczyć, że pole listy zostało wypełnione wartościami miasta.

Przycisk radiowy

Przycisk radiowy służy do prezentowania listy elementów, spośród 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” na Windows Formularz z przybornika, jak pokazano poniżej.

Krok 2) Po dodaniu przycisku Radiobutton przejdź do okna właściwości, klikając element sterujący Radiobutton.

1. Najpierw musisz zmienić właściwość tekstu obu kontrolek radiowych. Przejdź do okna właściwości i zmień tekst na męski w jednym przycisku radiowym, a tekst drugiego na żeński.
2. Podobnie zmień właściwość nazwy obu kontrolek radiowych. Przejdź do okna właściwości i zmień nazwę na „rdMale” dla jednego przycisku radiowego i na „rdfemale” dla drugiego.

Po wprowadzeniu powyższych zmian zobaczysz następujący wynik

Wynik:-

Zobaczysz przyciski opcji dodane do Windows forma.

pole wyboru

Pole wyboru służy do zapewnienia listy opcji, w których użytkownik może wybrać wiele opcji. Zobaczmy, jak możemy to wdrożyć na przykładzie pokazanym poniżej. Dodamy 2 pola wyboru do naszego Windows formularze. Te pola wyboru zapewnią użytkownikowi opcję, czy chce uczyć się C# czy ASP.Net.

Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki pola wyboru na Windows Formularz z przybornika, jak pokazano poniżej

Krok 2) Po dodaniu pola wyboru przejdź do okna właściwości, klikając kontrolkę Pole wyboru.

W oknie właściwości

1. Najpierw musisz zmienić właściwość tekstu obu kontrolek pola wyboru. Przejdź do okna właściwości i zmień tekst na C# i ASP.Net.
2. Podobnie zmień właściwość nazwy obu kontrolek Radio. Przejdź do okna właściwości i zmień nazwę na chkC jednego pola wyboru i na chkASP drugiego.

Po wprowadzeniu powyższych zmian zobaczysz następujący wynik

Wynik:-

Przycisk

Przycisk służy do umożliwienia użytkownikowi kliknięcia przycisku, który następnie rozpoczyna przetwarzanie formularza. Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej. Dodamy prosty przycisk o nazwie „Wyślij”, który będzie używany do przesyłania wszystkich informacji w formularzu.

Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki przycisku na Windows Formularz z przybornika, jak pokazano poniżej

Krok 2) Po dodaniu przycisku przejdź do okna właściwości, klikając kontrolkę Przycisk.

1. Najpierw musisz zmienić właściwość tekstu kontrolki przycisku. Przejdź do okna właściwości i zmień tekst na 'submit'.
2. Podobnie zmień właściwość name kontrolki. Przejdź do okna właściwości i zmień nazwę na 'btnSubmit'.

Po wprowadzeniu powyższych zmian zobaczysz następujący wynik

Wynik:-

Gratulacje, masz teraz swój pierwszy podstawowy Windows Forma na miejscu. Przejdźmy teraz do następnego tematu, aby zobaczyć, jak możemy wykonać obsługę zdarzeń dla kontrolek.

Obsługa zdarzeń C# dla kontrolek

Podczas pracy z formularzem Windows możesz dodawać zdarzenia do kontrolek. Zdarzenie to coś, co dzieje się, gdy wykonywana jest akcja. Prawdopodobnie najczęstszą akcją jest kliknięcie przycisku w formularzu. W języku C# Windows Forms, możesz dodać kod, który będzie używany do wykonywania określonych akcji po naciśnięciu przycisku na formularzu.

Zwykle naciśnięcie przycisku na formularzu oznacza, że ​​powinno nastąpić pewne przetwarzanie.

Zanim przejdziemy do scenariusza zdarzenia przycisku, przyjrzyjmy się jednemu ze zdarzeń i sposobom jego obsługi.

Poniższy przykład pokaże zdarzenie dla kontrolki Listbox. Tak więc za każdym razem, gdy element jest wybrany w kontrolce Listbox, powinno pojawić się okno komunikatu, które pokazuje wybrany element. Wykonajmy następujące kroki, aby to osiągnąć.

Krok 1) Double kliknij na Listbox w projektancie formularzy. Dzięki temu Visual Studio automatycznie otworzy plik kodu dla formularza. I automatycznie doda metodę zdarzenia do kodu. Ta metoda zdarzenia zostanie wyzwolona, ​​gdy zostanie wybrany dowolny element w polu listy.

Powyżej znajduje się fragment kodu, który jest automatycznie dodawany przez Visual Studio, gdy klikniesz dwukrotnie kontrolkę List box na formularzu. Teraz dodajmy poniższą sekcję kodu do tego fragmentu kodu, aby dodać wymaganą funkcjonalność do zdarzenia listbox.

1. Jest to metoda obsługi zdarzeń, która jest automatycznie tworzona przez Visual Studio po dwukrotnym kliknięciu kontrolki List box. Nie musisz się martwić o złożoność nazwy metody ani o parametry przekazywane do metody.
2. Tutaj pobieramy SelectedItem poprzez 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.
3. Na koniec używamy MessageBox metoda wyświetlania użytkownikowi wartości zmiennej tekstowej.

Po wprowadzeniu powyższych zmian i uruchomieniu programu w programie Visual Studio zobaczysz następujący wynik

Wynik:-

Z wyników widać, że gdy wybrany zostanie dowolny element z listy, pojawi się okno komunikatu. Pokaże ono wybrany element z listy.

Teraz spójrzmy na ostatnią kontrolkę, którą jest metoda kliknięcia przycisku. Ponownie, to podąża za tą samą filozofią. Wystarczy dwukrotnie kliknąć przycisk w Projektancie formularzy, a automatycznie zostanie dodana metoda dla obsługi zdarzenia przycisku. Następnie wystarczy dodać poniższy kod.

1. To jest metoda obsługi zdarzeń, która jest automatycznie tworzona przez Visual Studio po dwukrotnym kliknięciu kontrolki przycisku. Nie musisz się martwić o złożoność nazwy metody lub parametrów przekazywanych do metody.
2. Tutaj otrzymujemy wartości wprowadzone w polu tekstowym name i address. Wartości można pobrać z właściwości text pola tekstowego. Następnie przypisujemy wartości do 2 zmiennych, name i address.
3. Na koniec używamy MessageBox metoda wyświetlania wartości nazwy i adresu użytkownikowi.

Po wprowadzeniu powyższych zmian i uruchomieniu programu w programie Visual Studio zobaczysz następujący wynik

Wynik:-

1. Najpierw wprowadź wartość w polu nazwy i adresu.
2. Następnie kliknij przycisk Prześlij

Po kliknięciu przycisku Prześlij pojawi się okno dialogowe z informacją, która wyświetli prawidłowe dane wprowadzone w sekcji danych użytkownika.

Drzewo i obrazBox Control:

Możemy przyjrzeć się dwóm dalszym kontrolkom, jedna to „Kontrola drzewa”, a druga to „Kontrola obrazu”. Przyjrzyjmy się przykładom, w jaki sposób możemy wdrożyć te kontrole

Kontrola drzewa

– Kontrolka drzewa służy do wyszczególniania elementów w formie drzewa. Prawdopodobnie najlepszym przykładem jest sytuacja, gdy widzimy Windows Sam eksplorator. Struktura folderów w Windows Explorer przypomina strukturę przypominającą drzewo.

Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej.

Krok 1) Pierwszym krokiem jest przeciągnięcie kontrolki Drzewo na Windows Formularz z przybornika, jak pokazano poniżej

Krok 2) Następnym krokiem jest rozpoczęcie dodawania węzłów do kolekcji drzewa, aby mogły one odpowiednio pojawić się w drzewie. Najpierw wykonajmy poniższe kroki podrzędne, aby dodać węzeł główny do kolekcji drzewa.

1. Przejdź do skrzynki narzędziowej właściwości dla kontrolki widoku drzewa. Kliknij właściwość węzła. Spowoduje to wyświetlenie edytora TreeNode
2. W edytorze TreeNode kliknij przycisk Dodaj korzeń, aby dodać węzeł główny do kolekcji drzewa.
3. Następnie zmień tekst węzła głównego i podaj tekst jako główny, a następnie kliknij przycisk „OK”. Spowoduje to dodanie węzła głównego.

Krok 3) Następnym krokiem jest rozpoczęcie dodawania węzłów podrzędnych do kolekcji drzewa. Wykonajmy poniższe podetapy, aby dodać podrzędny węzeł główny do kolekcji drzewa.

1. Najpierw kliknij przycisk Dodaj dziecko. Umożliwi to dodanie węzłów podrzędnych do kolekcji Tree.
2. Dla każdego węzła podrzędnego zmień właściwość text. Kontynuuj powtarzanie poprzedniego kroku i tego kroku i dodaj 2 dodatkowe węzły. Na końcu będziesz mieć 3 węzły, jak pokazano powyżej, z tekstem odpowiednio Label, Button i Checkbox.
3. Kliknij przycisk OK

Po wprowadzeniu powyższych zmian zobaczysz następujący wynik.

Wynik:-

Będziesz mógł zobaczyć widok drzewa dodany do formularza. Kiedy uruchomisz Windows formularz aplikacji, możesz rozwinąć węzeł główny i zobaczyć węzły podrzędne na liście.

ObrazekBox Control:

Ta kontrolka służy do dodawania obrazów do C# WinForm. Zobaczmy, jak możemy to zaimplementować na przykładzie pokazanym poniżej.

Krok 1) Pierwszym krokiem jest przeciągnięcie obrazuBox kontrola w C# Windows Formularz z przybornika, jak pokazano poniżej

Krok 2) Następnym krokiem jest faktyczne dołączenie obrazu do kontrolki pola obrazu. Można to zrobić, wykonując poniższe kroki.

1. Najpierw kliknij właściwość Obraz dla obrazuBox kontrola. Wyskoczy nowe okno.
2. W tym oknie kliknij przycisk Importuj. Zostanie on użyty do dołączenia obrazu do kontrolki picturebox.
3. Pojawi się okno dialogowe, w którym będziesz mógł wybrać obraz, który chcesz dołączyć do pictureboxa
4. Kliknij przycisk OK

Po wprowadzeniu powyższych zmian zobaczysz następujący wynik

Wynik:-

Z wyników widać, że na formularzu wyświetlany jest obraz.

Podsumowanie

• A Windows formularz w aplikacji C# to taki, który działa na pulpicie komputera. Visual Studio Form wraz z C# może być używany do tworzenia Windows Formularze aplikacji.
• Można dodać elementy sterujące Windows formularze C# za pośrednictwem skrzynki narzędziowej w Visual Studio. Kontrolki takie jak etykiety, pola wyboru, przyciski radiowe itp. można dodawać do formularza za pośrednictwem skrzynki narzędziowej.
• Można także korzystać z zaawansowanych elementów sterujących, takich jak widok drzewa i obrazBox kontrola.
• Procedury obsługi zdarzeń służą do reagowania na zdarzenia generowane przez kontrolki. Najpopularniejszym jest ten dodany dla zdarzenia kliknięcia przycisku.