Finora abbiamo visto come lavorare con C # per creare applicazioni basate su console. Ma in uno scenario di vita reale il team normalmente usa Visual Studio e C # per creare Windows Form o applicazioni basate sul Web.
Un'applicazione Windows Form è un'applicazione progettata per essere eseguita su un computer. Non verrà eseguito sul browser Web perché diventa un'applicazione Web.
Questo tutorial si concentrerà su come creare applicazioni basate su Windows. Impareremo anche alcune nozioni di base su come lavorare con i vari elementi dell'applicazione C # Windows.
In questo tutorial di Windows imparerai-
- Nozioni di base su Windows Form
- Hello World in Windows Forms
- Aggiunta di controlli a un modulo
- Gestione degli eventi per i controlli
- Controllo albero e PictureBox
Nozioni di base su Windows Form
Un'applicazione Windows Form è quella che viene eseguita sul computer desktop. Un'applicazione Windows Form avrà normalmente una raccolta di controlli come etichette, caselle di testo, caselle di riepilogo, ecc.
Di seguito è riportato un esempio di una semplice applicazione Windows form C #. Mostra una semplice schermata di accesso, accessibile dall'utente. L'utente immetterà le credenziali richieste e quindi farà clic sul pulsante Accedi per procedere.
Quindi un esempio dei controlli disponibili nell'applicazione di cui sopra
- Questa è una raccolta di controlli dell'etichetta che vengono normalmente utilizzati per descrivere i 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 inserire il nome utente e l'altra per la password.
- Le 2 caselle di testo vengono utilizzate per contenere il nome utente e la password che verranno inseriti dall'utente.
- Infine, abbiamo il controllo del pulsante. Il controllo del 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 # Hello World
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
Passaggio 1) Il primo passaggio prevede la creazione di un nuovo progetto in Visual Studio. Dopo aver avviato Visual Studio, è necessario scegliere l'opzione di menu Nuovo-> Progetto.
Passaggio 2) Il passaggio successivo consiste nello scegliere il tipo di progetto come applicazione Windows Form. Qui dobbiamo anche menzionare il nome e l'ubicazione del nostro progetto.
- Nella finestra di dialogo del progetto, possiamo vedere varie opzioni per la creazione di diversi tipi di progetti in Visual Studio. Fare clic sull'opzione Windows sul lato sinistro.
- Quando facciamo clic sulle opzioni di Windows nel passaggio precedente, saremo in grado di vedere un'opzione per l'applicazione Windows Form. Fare clic su questa opzione.
- Daremo un nome all'applicazione. Nel nostro caso, è DemoApplication. Forniremo anche una posizione per memorizzare la nostra applicazione.
- Infine, facciamo clic sul pulsante "OK" per consentire a Visual Studio di creare il nostro progetto.
Se vengono seguiti i passaggi precedenti, otterrai l'output seguente in Visual Studio.
Produzione:-
Vedrai un Form Designer visualizzato in Visual Studio. È in questo Form Designer che inizierai a creare la tua applicazione Windows Forms.
In Esplora soluzioni, sarai anche in grado di vedere la soluzione DemoApplication. Questa soluzione conterrà i 2 file di progetto seguenti
- Un'applicazione Form denominata Forms1.cs. Questo file conterrà tutto il codice per l'applicazione Windows Form.
- Il programma principale denominato Program.cs è un file di codice predefinito che viene creato quando viene creata 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 una casella degli strumenti. La casella degli strumenti contiene tutti i controlli che possono essere aggiunti a un Windows Forms. Controlli come una casella di testo o un'etichetta sono solo alcuni dei controlli che possono essere aggiunti a un Windows Form.
Di seguito è riportato uno screenshot dell'aspetto della casella degli strumenti.
Passaggio 3) In questo passaggio, ora aggiungeremo un'etichetta al modulo che visualizzerà "Hello World". Dalla casella degli strumenti, dovrai scegliere il controllo Etichetta e trascinarlo semplicemente sul modulo.
Dopo aver trascinato l'etichetta nel modulo, puoi vedere l'etichetta incorporata nel modulo come mostrato di seguito.
Passaggio 4) Il passaggio successivo consiste nell'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 di menu Proprietà
- Il pannello delle proprietà viene visualizzato anche in Visual Studio. Quindi per il controllo dell'etichetta, nel controllo delle proprietà, vai alla sezione Testo e inserisci "Hello World".
- Ogni controllo ha una serie di proprietà che descrivono il controllo.
Se segui tutti i passaggi precedenti ed esegui il programma in Visual Studio, otterrai il seguente output
Produzione:-
Nell'output, puoi vedere che viene visualizzato il Windows Form. 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 Form e vediamo alcune delle loro proprietà comuni.
Nella nostra applicazione Windows form in C # esempi, creeremo un form che avrà le seguenti funzionalità.
- La possibilità per l'utente di inserire nome e indirizzo.
- Un'opzione per scegliere la città in cui risiede l'utente
- La possibilità per l'utente di inserire un'opzione per il sesso.
- Un'opzione per scegliere un corso che l'utente vuole imparare. Ci saranno scelte sia per C # che per ASP.Net
Quindi esaminiamo in dettaglio ogni controllo e aggiungiamoli per costruire il modulo con le funzionalità sopra menzionate.
Casella di gruppo
Una casella di gruppo viene utilizzata per raggruppare logicamente i controlli in una sezione. Facciamo un esempio se disponi di una raccolta di controlli per l'immissione di dettagli come il nome e l'indirizzo di una persona. Idealmente, questi sono dettagli di una persona, quindi dovresti avere questi dettagli in una sezione separata del Modulo. A questo scopo, puoi avere una casella di gruppo. Vediamo come possiamo implementarlo con un esempio mostrato di seguito
Passaggio 1) Il primo passaggio consiste nel trascinare il controllo Groupbox sul Windows Form dalla casella degli strumenti come mostrato di seguito
Passaggio 2) Una volta aggiunta la casella di gruppo, vai alla finestra delle proprietà facendo clic sul controllo casella di gruppo. Nella finestra delle proprietà, vai alla proprietà Text e modificala in "Dettagli utente".
Una volta apportate le modifiche precedenti, vedrai il seguente output
Produzione:-
Nell'output, puoi vedere chiaramente che la Groupbox è stata aggiunta al modulo. Puoi anche vedere che il testo della casella di gruppo è stato modificato in "Dettagli utente".
Controllo delle etichette
Poi viene il controllo dell'etichetta. Il controllo dell'etichetta viene utilizzato per visualizzare un testo o un messaggio all'utente nel modulo. Il controllo dell'etichetta viene normalmente utilizzato insieme ad altri controlli. Esempi comuni sono in cui un'etichetta viene aggiunta insieme al controllo della casella di testo.
L'etichetta indica all'utente cosa si prevede di riempire nella casella di testo. Vediamo come possiamo implementarlo con un esempio mostrato di seguito. Aggiungeremo 2 etichette, una chiamata "nome" e l'altra chiamata "indirizzo". Verranno utilizzati insieme ai controlli della casella di testo che verranno aggiunti nella sezione successiva.
Passaggio 1) Il primo passaggio consiste nel trascinare il controllo dell'etichetta sul Windows Form dalla casella degli strumenti come mostrato di seguito. Assicurati di trascinare il controllo dell'etichetta 2 volte in modo da averne uno per il "nome" e l'altro per l '"indirizzo".
Passaggio 2) Una volta aggiunta l'etichetta, vai alla finestra delle proprietà facendo clic sul controllo dell'etichetta. Nella finestra delle proprietà, vai alla proprietà Text di ogni controllo etichetta.
Una volta apportate le modifiche precedenti, vedrai il seguente output
Produzione:-
Puoi vedere i controlli dell'etichetta aggiunti al modulo.
Casella di testo
Una casella di testo viene utilizzata per consentire a un utente di immettere del testo nell'applicazione Windows 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 inserire per l'utente
Passaggio 1) Il primo passaggio consiste nel trascinare il controllo della casella di testo sul Windows Form dalla casella degli strumenti come mostrato di seguito
Passaggio 2) Una volta aggiunte le caselle di testo, vai alla finestra delle proprietà facendo clic sul controllo della casella di testo. Nella finestra delle proprietà, vai alla proprietà Name e aggiungi un nome significativo a ciascuna casella di testo. Ad esempio, denominare la casella di testo dell'utente come txtUser e quella dell'indirizzo come txtAddress. Una convenzione di denominazione e uno standard dovrebbero essere fatti per i controlli perché diventa più facile aggiungere funzionalità extra a questi controlli, che vedremo più avanti.
Una volta apportate le modifiche precedenti, vedrai il seguente output
Produzione:-
Nell'output, puoi 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 nel Windows Form. Vediamo come possiamo implementarlo con un esempio mostrato di seguito. Aggiungeremo una casella di riepilogo al modulo per memorizzare alcune località della città.
Passaggio 1) Il primo passaggio consiste nel trascinare il controllo della casella di riepilogo sul Windows Form dalla casella degli strumenti come mostrato di seguito
Passaggio 2) Una volta aggiunta la casella di riepilogo, andare alla finestra delle proprietà facendo clic sul controllo della casella di riepilogo.
- Innanzitutto, modifica la proprietà del controllo della casella di riepilogo, nel nostro caso, l'abbiamo cambiato in lstCity
- Fare clic sulla proprietà Items. Ciò ti consentirà di aggiungere diversi elementi che possono essere visualizzati nella casella di riepilogo. Nel nostro caso abbiamo selezionato gli articoli "collezione".
- Nell'Editor della raccolta di stringhe, che si apre, inserisci i nomi delle città. Nel nostro caso, abbiamo inserito "Mumbai", "Bangalore" e "Hyderabad".
- Infine, fare clic sul pulsante "OK".
Una volta apportate le modifiche precedenti, vedrai il seguente output
Produzione:-
Nell'output, puoi vedere che la casella di riepilogo è stata aggiunta al modulo. Puoi anche vedere che la casella di riepilogo è stata popolata con i valori della città.
RadioButton
Un pulsante radio viene utilizzato per mostrare un elenco di elementi tra i quali 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.
Passaggio 1) Il primo passaggio consiste nel trascinare il controllo "radiobutton" sul Windows Form dalla casella degli strumenti come mostrato di seguito.
Passaggio 2) Una volta aggiunto il Radiobutton, vai alla finestra delle proprietà facendo clic sul controllo Radiobutton.
- Innanzitutto, è necessario modificare la proprietà del testo di entrambi i controlli Radio. Vai alle finestre delle proprietà e cambia il testo in maschio di un pulsante di opzione e il testo dell'altro in femmina.
- Allo stesso modo, modificare la proprietà del nome 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:-
Vedrai i pulsanti di opzione aggiunti al modulo di Windows.
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 ai nostri moduli di Windows. Queste caselle di controllo forniranno un'opzione all'utente per decidere se desidera apprendere C # o ASP.Net.
Passaggio 1) Il primo passaggio consiste nel trascinare il controllo della casella di controllo sul Windows Form dalla casella degli strumenti come mostrato di seguito
Passaggio 2) Una volta aggiunta la casella di controllo, vai alla finestra delle proprietà facendo clic sul controllo Casella di controllo.
Nella finestra delle proprietà,
- Innanzitutto, è necessario modificare la proprietà del testo di entrambi i controlli della casella di controllo. Vai alle finestre delle proprietà e modifica il testo in C # e ASP.Net.
- Allo stesso modo, modificare la proprietà del nome di entrambi i controlli Radio. Vai alle finestre delle proprietà e cambia il nome in chkC di una casella di controllo e in chkASP per l'altra.
Una volta apportate le modifiche precedenti, vedrai il seguente output
Produzione:-
Pulsante
Un pulsante viene utilizzato per consentire all'utente di fare clic su un pulsante che inizierebbe 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.
Passaggio 1) Il primo passaggio consiste nel trascinare il controllo pulsante sul Windows Form dalla casella degli strumenti come mostrato di seguito
Passaggio 2) Una volta aggiunto il pulsante, vai alla finestra delle proprietà facendo clic sul controllo Pulsante.
- Innanzitutto, è necessario modificare la proprietà del testo del controllo pulsante. Vai alle finestre delle proprietà e modifica il testo in "invia".
- Allo stesso modo, modificare la proprietà name del controllo. Vai alle finestre delle proprietà e cambia il nome in "btnSubmit".
Una volta apportate le modifiche precedenti, vedrai il seguente output
Produzione:-
Congratulazioni, ora hai installato il tuo primo Windows Form di base. Passiamo ora all'argomento successivo per vedere come possiamo eseguire la gestione degli 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 di un pulsante su un modulo. In Windows Form C # è possibile aggiungere codice che può essere utilizzato per eseguire determinate azioni quando viene premuto un pulsante nel modulo.
Normalmente quando si preme un pulsante su un modulo, significa che dovrebbe aver luogo un'elaborazione.
Diamo un'occhiata a uno degli eventi e come può essere gestito prima di passare allo scenario dell'evento del pulsante.
L'esempio seguente mostrerà un evento per il controllo Listbox. Pertanto, ogni volta che un elemento viene selezionato nel controllo della casella di riepilogo, dovrebbe apparire una finestra di messaggio che mostra l'elemento selezionato. Eseguiamo i seguenti passaggi per ottenere ciò.
Passaggio 1) Fare doppio clic sulla casella di riepilogo nella finestra di progettazione del modulo . In questo modo, Visual Studio aprirà automaticamente il file di codice per il modulo. E aggiungerà automaticamente un metodo di evento al codice. Questo metodo di evento verrà attivato ogni volta che viene selezionato un elemento nella casella di riepilogo.
Sopra c'è il frammento di codice che viene aggiunto automaticamente da Visual Studio, quando si fa doppio clic sul controllo della casella di riepilogo nel modulo. Ora aggiungiamo la seguente sezione di codice a questo frammento di codice, per aggiungere la funzionalità richiesta all'evento listbox.
- Questo è il metodo del gestore eventi che viene creato automaticamente da Visual Studio quando si fa doppio clic sul controllo della casella di riepilogo. Non devi preoccuparti della complessità del nome del metodo o dei parametri passati al metodo.
- 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 di testo.
- Infine, utilizziamo il metodo MessageBox per mostrare all'utente il valore della variabile di testo.
Una volta apportate le modifiche di cui sopra ed eseguito il programma in Visual Studio, vedrai il seguente output
Produzione:-
Dall'output, puoi vedere che quando viene selezionato un elemento dalla casella di riepilogo, verrà visualizzata una finestra di messaggio. Questo mostrerà l'elemento selezionato dalla casella di riepilogo.
Ora diamo un'occhiata al controllo finale che è il metodo di clic del pulsante. Anche in questo caso segue la stessa filosofia. Basta fare doppio clic sul pulsante in Forms Designer e aggiungerà automaticamente il metodo per il gestore di eventi del pulsante. Quindi devi solo aggiungere il codice seguente.
- Questo è il metodo del gestore eventi che viene creato automaticamente da Visual Studio quando si fa doppio clic sul controllo del pulsante. Non devi preoccuparti della complessità del nome del metodo o dei parametri passati al metodo.
- Qui stiamo ottenendo i valori inseriti nella casella di testo del nome e dell'indirizzo. I valori possono essere presi dalla proprietà text della casella di testo. Quindi assegniamo i valori a 2 variabili, nome e indirizzo di conseguenza.
- Infine, utilizziamo il metodo MessageBox per visualizzare i valori del nome e dell'indirizzo per l'utente.
Una volta apportate le modifiche di cui sopra ed eseguito il programma in Visual Studio, vedrai il seguente output
Produzione:-
- Innanzitutto, inserisci un valore nel campo del nome e dell'indirizzo.
- Quindi fare clic sul pulsante Invia
Dopo aver fatto clic sul pulsante Invia, verrà visualizzata una finestra di messaggio che mostrerà correttamente ciò che hai inserito nella sezione dei dettagli dell'utente.
Controllo albero e PictureBox
Ci sono altri 2 controlli che possiamo osservare, uno è il "Controllo albero" e l'altro è il "Controllo immagine". Diamo un'occhiata ad esempi di come possiamo implementare questi controlli
Controllo dell'albero
- Il controllo ad albero viene utilizzato per elencare gli elementi in un albero come la moda. Probabilmente il miglior esempio è quando vediamo lo stesso Windows Explorer. La struttura delle cartelle in Windows Explorer è come una struttura ad albero.
Vediamo come possiamo implementarlo con un esempio mostrato di seguito.
Passaggio 1) Il primo passaggio consiste nel trascinare il controllo Albero sul Windows Form dalla casella degli strumenti come mostrato di seguito
Passaggio 2) Il passaggio successivo consiste nell'iniziare ad aggiungere nodi alla raccolta di alberi in modo che possano sorgere nell'albero di conseguenza. Innanzitutto, seguiamo i passaggi secondari seguenti per aggiungere un nodo radice alla raccolta di alberi.
- Vai alla casella degli strumenti delle proprietà per il controllo della visualizzazione struttura. Fare clic sulla proprietà del nodo. Questo farà apparire l'Editor TreeNode
- Nell'Editor TreeNode fare clic sul pulsante Aggiungi radice per aggiungere un nodo radice alla raccolta di alberi.
- Successivamente, modifica il testo del nodo Root e fornisci il testo come Root e fai clic sul pulsante "OK". Questo aggiungerà il nodo radice.
Passaggio 3) Il passaggio successivo consiste nell'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.
- Innanzitutto, fai clic sul pulsante Aggiungi figlio. Ciò ti consentirà di aggiungere nodi figlio alla raccolta Tree.
- Per ogni nodo figlio, modifica la proprietà del testo. 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 Etichetta, Pulsante e Casella di controllo.
- Fare clic sul pulsante OK
Dopo aver apportato le modifiche precedenti, vedrai il seguente output.
Produzione:-
Sarai in grado di vedere la visualizzazione ad albero aggiunta al modulo. Quando si esegue l'applicazione Windows Form, è possibile espandere il nodo radice e visualizzare i nodi figlio nell'elenco.
Controllo PictureBox
Questo controllo viene utilizzato per aggiungere immagini a Winforms C #. Vediamo come possiamo implementarlo con un esempio mostrato di seguito.
Passaggio 1) Il primo passaggio consiste nel trascinare il controllo PictureBox sul Windows Form C # dalla casella degli strumenti come mostrato di seguito
Passaggio 2) Il passaggio successivo è allegare effettivamente un'immagine al controllo della casella immagine. Questo può essere fatto seguendo i passaggi seguenti.
- Innanzitutto, fai clic sulla proprietà Image per il controllo PictureBox. Apparirà una nuova finestra.
- In questa finestra, fare clic sul pulsante Importa. Questo verrà utilizzato per allegare un'immagine al controllo Picturebox.
- Apparirà una finestra di dialogo in cui potrai scegliere l'immagine da allegare alla finestra delle immagini
- Fare clic sul pulsante OK
Una volta apportate le modifiche di cui sopra, vedrai il seguente output
Produzione:-
Dall'output, puoi vedere che un'immagine viene visualizzata sul modulo.
Sommario
- Un Windows Form nell'applicazione C # è quello che viene eseguito sul desktop di un computer. Visual Studio Form insieme a C # possono essere usati per creare un'applicazione Windows Forms.
- I controlli possono essere aggiunti a Windows Form C # tramite la casella degli strumenti in Visual Studio. Controlli come etichette, caselle di controllo, pulsanti di opzione, ecc. Possono essere aggiunti al modulo tramite la casella degli strumenti.
- È inoltre possibile utilizzare controlli avanzati come il controllo della visualizzazione ad albero e il controllo PictureBox.
- I gestori di eventi vengono utilizzati per rispondere agli eventi generati dai controlli. Il più comune è quello aggiunto per l'evento cliccato sul pulsante.