C# Windows Tutorial sull'applicazione dei moduli con esempio

Finora abbiamo visto come lavorare con C# per creare applicazioni basate su console. Ma in uno scenario reale il team normalmente usa Visual Studio e C# per creare Windows Moduli o applicazioni basate sul Web.

Un'applicazione Windows Form è un'applicazione progettata per essere eseguita su un computer. Non verrà eseguita su un browser Web perché in tal caso diventerebbe un'applicazione Web.

Questo tutorial si concentrerà su come possiamo creare Windowsapplicazioni basate su. Impareremo anche alcune nozioni di base su come lavorare con i vari elementi di C# Windows applicazione.

Windows Nozioni di base sui moduli

A Windows l'applicazione dei moduli è quella che viene eseguita sul computer desktop. UN Windows Un'applicazione di moduli avrà normalmente una raccolta di controlli quali etichette, caselle di testo, caselle di elenco, ecc.

Di seguito è riportato un esempio di un semplice Windows modulo di applicazione C#. Mostra una semplice schermata di accesso, accessibile all'utente. L'utente inserirà le credenziali richieste e poi farà clic sul pulsante Accedi per procedere.

Windows Nozioni di base sui moduli

Ecco un esempio dei controlli disponibili nell'applicazione sopra

  1. Questa è una raccolta di controlli etichetta che vengono normalmente utilizzati per descrivere controlli adiacenti. Quindi, nel nostro caso, abbiamo 2 caselle di testo e le etichette vengono utilizzate per dire all'utente che una casella di testo serve per immettere il nome utente e l'altra per la password.
  2. Le 2 caselle di testo vengono utilizzate per contenere il nome utente e la password che verranno inseriti dall'utente.
  3. Infine, abbiamo il controllo del pulsante. Il controllo pulsante avrà normalmente del codice allegato per eseguire un determinato insieme di azioni. Quindi, ad esempio nel caso precedente, potremmo fare in modo che il pulsante esegua un'azione di convalida del nome utente e della password immessi dall'utente.

C# Ciao mondo

Ora diamo un'occhiata a un esempio di come possiamo implementare una semplice applicazione 'hello world' in Visual Studio. Per questo, dovremmo implementare i passaggi indicati di seguito

Passo 1) Il primo passaggio prevede la creazione di un nuovo progetto in Visual Studio. Dopo aver avviato Di Visual Studio, è necessario scegliere l'opzione di menu Nuovo->Progetto.

C# Ciao mondo

Passo 2) Il passaggio successivo è scegliere il tipo di progetto come a Windows Applicazione moduli. Qui dobbiamo anche menzionare il nome e l'ubicazione del nostro progetto.

C# Ciao mondo

  1. Nella finestra di dialogo del progetto, possiamo vedere varie opzioni per creare diversi tipi di progetti in Visual Studio. Fare clic su Windows opzione sul lato sinistro.
  2. Quando facciamo clic su Windows opzioni nel passaggio precedente, saremo in grado di vedere un'opzione per Windows Applicazione dei moduli. Fare clic su questa opzione.
  3. Daremo un nome all'applicazione. Nel nostro caso si tratta di DemoApplication. Forniremo anche una posizione in cui archiviare la nostra applicazione.
  4. Infine, clicchiamo sul pulsante "OK" per consentire a Visual Studio di creare il nostro progetto.

Se si seguono i passaggi precedenti, in Visual Studio si otterrà l'output seguente.

Produzione:-

C# Ciao mondo

Vedrai un Form Designer visualizzato in Visual Studio. È in questo Form Designer che inizierai a creare il tuo Windows Applicazione moduli.

C# Ciao mondo

In Solution Explorer, sarai anche in grado di vedere la soluzione DemoApplication. Questa soluzione conterrà i 2 file di progetto seguenti

  1. Un'applicazione di modulo denominata Forms1.cs. Questo file conterrà tutto il codice per il file Windows Applicazione del modulo.
  2. Il programma principale denominato Program.cs è il file di codice predefinito che viene creato quando si crea una nuova applicazione in Visual Studio. Questo codice conterrà il codice di avvio per l'applicazione nel suo complesso.

Sul lato sinistro di Visual Studio, vedrai anche uno StrumentoBoxLa casella degli strumenti contiene tutti i controlli che possono essere aggiunti a un Windows Moduli. Controlli come una casella di testo o un'etichetta sono solo alcuni dei controlli che possono essere aggiunti a un Windows Forme.

Di seguito è riportato uno screenshot dell'aspetto della Toolbox.

C# Ciao mondo

Passo 3) In questo passaggio, aggiungeremo un'etichetta al modulo che visualizzerà "Hello World". Dalla casella degli strumenti, dovrai scegliere il controllo Etichetta e trascinarlo semplicemente sul modulo.

C# Ciao mondo

Dopo aver trascinato l'etichetta nel modulo, puoi vedere l'etichetta incorporata nel modulo come mostrato di seguito.

C# Ciao mondo

Passo 4) Il passaggio successivo è andare alle proprietà del controllo e modificare il testo in "Hello World".

Per accedere alle proprietà di un controllo, è necessario fare clic con il pulsante destro del mouse sul controllo e scegliere l'opzione del menu Proprietà

C# Ciao mondo

  • Il pannello delle proprietà viene visualizzato anche in Visual Studio. Quindi, per il controllo etichetta, nel controllo delle proprietà, vai alla sezione Testo e inserisci "Hello World".
  • Ogni controllo ha una serie di proprietà che descrivono il controllo.

C# Ciao mondo

Se segui tutti i passaggi precedenti ed esegui il programma in Visual Studio, otterrai il seguente output

Produzione:-

C# Ciao mondo

Nell'output, puoi vedere che il file Windows Viene visualizzato il modulo. Puoi anche vedere "Hello World" visualizzato nel modulo.

Aggiunta di controlli a un modulo

Avevamo già visto come aggiungere un controllo a un modulo quando abbiamo aggiunto il controllo etichetta nella sezione precedente per visualizzare "Hello World".

Diamo un'occhiata agli altri controlli disponibili per Windows forme e vedere alcune delle loro proprietà comuni.

Nei nostri Windows Esempi di applicazione del form in C#: creeremo un form che avrà le seguenti funzionalità.

  1. La possibilità per l'utente di inserire nome e indirizzo.
  2. Un'opzione per scegliere la città in cui risiede l'utente
  3. La possibilità per l'utente di inserire un'opzione per il genere.
  4. Un'opzione per scegliere un corso che l'utente desidera imparare. Verranno effettuate delle scelte sia per C# che per ASP.Net

Esaminiamo quindi ciascun controllo in dettaglio e aggiungiamoli per creare il modulo con le funzionalità sopra menzionate.

Gruppo Box

Una casella di gruppo viene utilizzata per raggruppare logicamente i controlli in una sezione. Prendiamo un esempio se avessi una raccolta di controlli per immettere dettagli come nome e indirizzo di una persona. Idealmente, questi sono i dettagli di una persona, quindi vorresti avere questi dettagli in una sezione separata sul modulo. A questo scopo, puoi avere una casella di gruppo. Vediamo come possiamo implementarlo con un esempio mostrato di seguito

Passo 1) Il primo passo è trascinare il controllo Groupbox su Windows Forma dalla cassetta degli attrezzi come mostrato di seguito

Aggiunta di controlli a un modulo

Passo 2) Una volta aggiunto il groupbox, vai alla finestra delle proprietà cliccando sul controllo groupbox. Nella finestra delle proprietà, vai alla proprietà Text e cambiala in "User Details".

Aggiunta di controlli a un modulo

Una volta apportate le modifiche di cui sopra, vedrai il seguente output

Produzione:-

Aggiunta di controlli a un modulo

Nell'output, puoi vedere chiaramente che il Groupbox è stato aggiunto al modulo. Puoi anche vedere che il testo del groupbox è stato cambiato in "User Details".

Controllo etichetta

Poi arriva il Controllo Etichetta. Il controllo etichetta viene utilizzato per visualizzare un testo o un messaggio all'utente sul modulo. Il controllo etichetta viene normalmente utilizzato insieme ad altri controlli. Esempi comuni sono quelli in cui un'etichetta viene aggiunta insieme al controllo casella di testo.

L'etichetta indica all'utente cosa ci si aspetta che venga compilato nella casella di testo. Vediamo come possiamo implementarlo con un esempio mostrato di seguito. Aggiungeremo 2 etichette, una che si chiamerà 'nome' e l'altra chiamata 'indirizzo'. Saranno utilizzate insieme ai controlli della casella di testo che saranno aggiunti nella sezione successiva.

Passo 1) Il primo passo è trascinare il controllo etichetta sul file Windows Form dalla casella degli strumenti come mostrato di seguito. Assicurati di trascinare il controllo etichetta 2 volte in modo da averne uno per il 'nome' e l'altro per l''indirizzo'.

Aggiunta di controlli a un modulo

Passo 2) Una volta aggiunta l'etichetta, vai alla finestra delle proprietà facendo clic sul controllo etichetta. Nella finestra delle proprietà, vai alla proprietà Text di ciascun controllo etichetta.

Aggiunta di controlli a un modulo

Una volta apportate le modifiche di cui sopra, vedrai il seguente output

Produzione:-

Aggiunta di controlli a un modulo

Puoi vedere i controlli etichetta aggiunti al modulo.

Casella di testo

Una casella di testo viene utilizzata per consentire all'utente di immettere del testo su Windows applicazione in C#. Vediamo come possiamo implementarlo con un esempio mostrato di seguito. Aggiungeremo 2 caselle di testo al form, una per il Nome e l'altra per l'indirizzo da immettere per l'utente

Passo 1) Il primo passo è trascinare il controllo della casella di testo su Windows Forma dalla cassetta degli attrezzi come mostrato di seguito

Aggiunta di controlli a un modulo

Passo 2) Una volta aggiunte le caselle di testo, vai alla finestra delle proprietà cliccando sul controllo casella di testo. Nella finestra delle proprietà, vai alla proprietà Nome e aggiungi un nome significativo a ogni casella di testo. Ad esempio, chiama la casella di testo per l'utente come txtName e quella per l'indirizzo come txtAddress. Dovrebbe essere creata una convenzione di denominazione e uno standard per i controlli perché diventa più facile aggiungere funzionalità extra a questi controlli, che vedremo più avanti.

Aggiunta di controlli a un modulo

Una volta apportate le modifiche di cui sopra, vedrai il seguente output

Produzione:-

Aggiunta di controlli a un modulo

Nell'output è possibile vedere chiaramente che le caselle di testo sono state aggiunte al modulo.

Casella di riepilogo

Una casella di riepilogo viene utilizzata per mostrare un elenco di elementi su Windows form. Vediamo come possiamo implementarlo con un esempio mostrato di seguito. Aggiungeremo una casella di riepilogo al form per memorizzare alcune località della città.

Passo 1) Il primo passo è trascinare il controllo della casella di riepilogo su Windows Forma dalla cassetta degli attrezzi come mostrato di seguito

Aggiunta di controlli a un modulo

Passo 2) Dopo aver aggiunto la casella di riepilogo, accedere alla finestra delle proprietà facendo clic sul controllo della casella di riepilogo.

Aggiunta di controlli a un modulo

  1. Per prima cosa, cambia la proprietà del controllo casella Listbox, nel nostro caso, l'abbiamo cambiata in lstCity
  2. Fai clic sulla proprietà Items. Questo ti consentirà di aggiungere diversi elementi che possono essere visualizzati nella casella di riepilogo. Nel nostro caso, abbiamo selezionato gli elementi "collection".
  3. Nell'editor della raccolta di stringhe, che si apre, inserisci i nomi delle città. Nel nostro caso abbiamo inserito “Mumbai”, “Bangalore” e “Hyderabad”.
  4. Infine, fai clic sul pulsante "OK".

Una volta apportate le modifiche di cui sopra, vedrai il seguente output

Produzione:-

Aggiunta di controlli a un modulo

Nell'output, puoi vedere che la Listbox è stata aggiunta al form. Puoi anche vedere che la listbox è stata popolata con i valori della città.

RadioButton

Un Radiobutton viene utilizzato per mostrare un elenco di elementi da cui l'utente può sceglierne uno. Vediamo come possiamo implementarlo con un esempio mostrato di seguito. Aggiungeremo un pulsante di opzione per un'opzione maschio/femmina.

Passo 1) Il primo passo è trascinare il controllo 'radiobutton' sul file Windows Prendi spunto dalla cassetta degli attrezzi come mostrato di seguito.

Aggiunta di controlli a un modulo

Passo 2) Una volta aggiunto il Radiobutton, vai alla finestra delle proprietà cliccando sul controllo Radiobutton.

Aggiunta di controlli a un modulo

  1. Per prima cosa, devi cambiare la proprietà text di entrambi i controlli Radio. Vai alle finestre delle proprietà e cambia il testo in male di un radiobutton e il testo dell'altro in female.
  2. Allo stesso modo, cambia la proprietà name di entrambi i controlli Radio. Vai alle finestre delle proprietà e cambia il nome in 'rdMale' di un radiobutton e in 'rdfemale' per l'altro.

Una volta apportate le modifiche di cui sopra, vedrai il seguente output

Produzione:-

Aggiunta di controlli a un modulo

Vedrai i pulsanti Radio aggiunti al file Windows forma.

casella di controllo

Una casella di controllo viene utilizzata per fornire un elenco di opzioni in cui l'utente può scegliere più scelte. Vediamo come possiamo implementarlo con un esempio mostrato di seguito. Aggiungeremo 2 caselle di controllo al nostro Windows moduli. Queste caselle di controllo forniranno all'utente un'opzione per decidere se imparare C# o ASP.Net.

Passo 1) Il primo passo è trascinare il controllo della casella di controllo su Windows Forma dalla cassetta degli attrezzi come mostrato di seguito

Aggiunta di controlli a un modulo

Passo 2) Dopo aver aggiunto la casella di controllo, accedere alla finestra delle proprietà facendo clic sul controllo Casella di controllo.

Aggiunta di controlli a un modulo

Nella finestra delle proprietà,

  1. Per prima cosa, devi cambiare la proprietà text di entrambi i controlli checkbox. Vai alle finestre delle proprietà e cambia il testo in C# e ASP.Net.
  2. Allo stesso modo, cambia la proprietà name di entrambi i controlli Radio. Vai alle finestre delle proprietà e cambia il nome in chkC per una casella di controllo e in chkASP per l'altra.

Una volta apportate le modifiche di cui sopra, vedrai il seguente output

Produzione:-

Aggiunta di controlli a un modulo

Pulsante

Un pulsante viene utilizzato per consentire all'utente di fare clic su un pulsante che avvierà quindi l'elaborazione del modulo. Vediamo come possiamo implementarlo con un esempio mostrato di seguito. Aggiungeremo un semplice pulsante chiamato "Invia" che verrà utilizzato per inviare tutte le informazioni sul modulo.

Passo 1) Il primo passaggio consiste nel trascinare il controllo del pulsante sul file Windows Forma dalla cassetta degli attrezzi come mostrato di seguito

Aggiunta di controlli a un modulo

Passo 2) Una volta aggiunto il pulsante, vai alla finestra delle proprietà facendo clic sul controllo Pulsante.

Aggiunta di controlli a un modulo

  1. Per prima cosa, devi cambiare la proprietà text del controllo pulsante. Vai alle finestre delle proprietà e cambia il testo in 'submit'.
  2. Allo stesso modo, cambia la proprietà name del controllo. Vai alle finestre delle proprietà e cambia il nome in 'btnSubmit'.

Una volta apportate le modifiche di cui sopra, vedrai il seguente output

Produzione:-

Aggiunta di controlli a un modulo

Congratulazioni, ora hai la tua prima base Windows Forma a posto. Passiamo ora all'argomento successivo per vedere come possiamo gestire gli eventi per i controlli.

Gestione degli eventi C# per i controlli

Quando si lavora con Windows Form, è possibile aggiungere eventi ai controlli. Un evento è qualcosa che accade quando viene eseguita un'azione. Probabilmente l'azione più comune è il clic su un pulsante in un form. In C# Windows Moduli, è possibile aggiungere codice che può essere utilizzato per eseguire determinate azioni quando si preme un pulsante sul modulo.

Normalmente quando si preme un pulsante su un modulo, significa che dovrebbe aver luogo qualche elaborazione.

Diamo un'occhiata a uno degli eventi e a come può essere gestito prima di passare allo scenario dell'evento del pulsante.

L'esempio seguente mostrerà un evento per il controllo Listbox. Quindi, ogni volta che un elemento viene selezionato nel controllo listbox, dovrebbe apparire una finestra di messaggio che mostra l'elemento selezionato. Eseguiamo i seguenti passaggi per ottenere questo risultato.

Passo 1) Double fare clic sulla casella di riepilogo nel progettista del modulo. Facendo questo, Visual Studio aprirà automaticamente il file di codice per il form. E aggiungerà automaticamente un metodo evento al codice. Questo metodo evento verrà attivato ogni volta che viene selezionato un elemento nella casella di riepilogo.

Gestione degli eventi C# per i controlli

Qui sopra c'è il frammento di codice che viene aggiunto automaticamente da Visual Studio, quando fai doppio clic sul controllo List box nel form. Ora aggiungiamo la sezione di codice sottostante a questo frammento di codice, per aggiungere la funzionalità richiesta all'evento listbox.

Gestione degli eventi C# per i controlli

  1. Questo è il metodo gestore eventi che viene creato automaticamente da Visual Studio quando fai doppio clic sul controllo List box. Non devi preoccuparti della complessità del nome del metodo o dei parametri passati al metodo.
  2. Qui stiamo ottenendo SelectedItem tramite la proprietà lstCity.SelectedItem. Ricorda che lstCity è il nome del nostro controllo Listbox. Quindi utilizziamo il metodo GetItemText per ottenere il valore effettivo dell'elemento selezionato. Quindi assegniamo questo valore alla variabile text.
  3. Infine, utilizziamo il messaggioBox metodo per visualizzare il valore della variabile di testo all'utente.

Una volta apportate le modifiche di cui sopra ed eseguito il programma in Visual Studio, verrà visualizzato il seguente output

Produzione:-

Gestione degli eventi C# per i controlli

Dall'output, puoi vedere che quando viene selezionato un elemento dalla casella di riepilogo, si aprirà una finestra di messaggio. Questa mostrerà l'elemento selezionato dalla casella di riepilogo.

Ora diamo un'occhiata al controllo finale che è il metodo click del pulsante. Anche questo segue la stessa filosofia. Basta fare doppio clic sul pulsante nel Forms Designer e aggiungerà automaticamente il metodo per il gestore dell'evento del pulsante. Quindi devi solo aggiungere il codice sottostante.

Gestione degli eventi C# per i controlli

  1. Questo è il metodo gestore eventi che viene creato automaticamente da Visual Studio quando fai doppio clic sul controllo pulsante. Non devi preoccuparti della complessità del nome del metodo o dei parametri passati al metodo.
  2. Qui stiamo ottenendo i valori immessi nella casella di testo name e address. I valori possono essere presi dalla proprietà text della casella di testo. Quindi assegniamo i valori a 2 variabili, name e address di conseguenza.
  3. Infine, utilizziamo il messaggioBox metodo per visualizzare i valori del nome e dell'indirizzo all'utente.

Una volta apportate le modifiche di cui sopra ed eseguito il programma in Visual Studio, verrà visualizzato il seguente output

Produzione:-

Gestione degli eventi C# per i controlli

  1. Innanzitutto, inserisci un valore nel campo del nome e dell'indirizzo.
  2. Quindi fare clic sul pulsante Invia

Dopo aver cliccato sul pulsante Invia, si aprirà una finestra di messaggio che mostrerà correttamente quanto inserito nella sezione dei dettagli utente.

Albero e immagineBox Controllo

Ci sono altri 2 controlli che possiamo esaminare, uno è il "Controllo albero" e l'altro è il "Controllo immagine". Diamo un'occhiata ad esempi di come possiamo implementare questi controlli

Controllo degli alberi

– Il controllo albero viene utilizzato per elencare gli elementi in un modo simile ad un albero. Probabilmente l'esempio migliore è quando vediamo il Windows Explorer stesso. La struttura delle cartelle in Windows Explorer è come una struttura ad albero.

Vediamo come possiamo implementarlo con un esempio mostrato di seguito.

Passo 1) Il primo passo è trascinare il controllo Albero sul file Windows Forma dalla cassetta degli attrezzi come mostrato di seguito

Albero e immagineBox Controllo

Passo 2) Il passo successivo è iniziare ad aggiungere nodi alla raccolta dell'albero in modo che possa apparire nell'albero di conseguenza. Innanzitutto, seguiamo i passaggi secondari seguenti per aggiungere un nodo radice alla raccolta di alberi.

Albero e immagineBox Controllo

  1. Vai alla casella degli strumenti delle proprietà per il controllo della visualizzazione ad albero. Fai clic sulla proprietà del nodo. Questo aprirà l'editor TreeNode
  2. Nell'editor TreeNode fare clic sul pulsante Aggiungi radice per aggiungere un nodo radice alla raccolta di alberi.
  3. Successivamente, modifica il testo del nodo Root e fornisci il testo come Root e fai clic sul pulsante "OK". Questo aggiungerà il nodo root.

Passo 3) Il passaggio successivo è iniziare ad aggiungere i nodi figlio alla raccolta di alberi. Seguiamo i passaggi secondari seguenti per aggiungere il nodo radice figlio alla raccolta di alberi.

Albero e immagineBox Controllo

  1. Innanzitutto, fai clic sul pulsante Aggiungi figlio. Ciò ti consentirà di aggiungere nodi figlio alla raccolta Tree.
  2. Per ogni nodo figlio, modifica la proprietà text. Continua a ripetere il passaggio precedente e questo passaggio e aggiungi altri 2 nodi. Alla fine, avrai 3 nodi come mostrato sopra, con il testo rispettivamente come Label, Button e Checkbox.
  3. Fai clic sul pulsante OK

Dopo aver apportato le modifiche sopra indicate, verrà visualizzato il seguente output.

Produzione:-

Albero e immagineBox Controllo

Sarai in grado di vedere la visualizzazione ad albero aggiunta al modulo. Quando esegui il file Windows dall'applicazione del modulo, è possibile espandere il nodo radice e visualizzare i nodi figlio nell'elenco.

ImmagineBox Controllo

Questo controllo viene utilizzato per aggiungere immagini a Winforms C#. Vediamo come possiamo implementarlo con un esempio mostrato di seguito.

Passo 1) Il primo passo è trascinare l'immagineBox controllo sul C# Windows Forma dalla cassetta degli attrezzi come mostrato di seguito

Albero e immagineBox Controllo

Passo 2) Il passo successivo è quello di allegare effettivamente un'immagine al controllo picture box. Questo può essere fatto seguendo i passaggi sottostanti.

Albero e immagineBox Controllo

  1. Per prima cosa, fai clic sulla proprietà Immagine per l'immagineBox controllo. Verrà visualizzata una nuova finestra.
  2. In questa finestra, clicca sul pulsante Importa. Questo verrà utilizzato per allegare un'immagine al controllo picturebox.
  3. Si aprirà una finestra di dialogo in cui potrai scegliere l'immagine da allegare al picturebox
  4. Fai clic sul pulsante OK

Una volta apportate le modifiche di cui sopra, vedrai il seguente output

Produzione:-

Albero e immagineBox Controllo

Dall'output, puoi vedere che un'immagine viene visualizzata nel modulo.

Sommario

  • A Windows form in C# application è un'applicazione che gira sul desktop di un computer. Visual Studio Form insieme a C# può essere utilizzato per creare un Windows Applicazione moduli.
  • È possibile aggiungere controlli al file Windows form C# tramite la casella degli strumenti in Visual Studio. Controlli come etichette, caselle di controllo, pulsanti di scelta, ecc. possono essere aggiunti al form tramite la casella degli strumenti.
  • È inoltre possibile utilizzare controlli avanzati come il controllo della visualizzazione ad albero e l'immagineBox controllare.
  • I gestori eventi vengono utilizzati per rispondere agli eventi generati dai controlli. Il più comune è quello aggiunto per l'evento sul pulsante cliccato.

Scopri di più leggi di più