Esercitazione: Creare un'app Windows Form con .NET

Questa esercitazione illustra come usare Visual Studio per creare una nuova app Windows Form. Con Visual Studio si aggiungono controlli a un modulo e si gestiscono gli eventi. Al termine di questa esercitazione è disponibile una semplice app che aggiunge nomi a una casella di riepilogo.

In questa esercitazione:

Prerequisiti

Creare un'app Windows Forms

Il primo passaggio per creare una nuova app consiste nell'aprire Visual Studio e generare l'app da un modello.

Dopo aver generato l'app, Visual Studio dovrebbe aprire la finestra di progettazione per il modulo predefinito Form1. Se la finestra di progettazione dei moduli non è visibile, fare doppio clic sul modulo nella finestra di Esplora soluzioni per aprire la finestra di progettazione.

Parti importanti di Visual Studio

Il supporto per Windows Form in Visual Studio include quattro componenti importanti con cui si interagisce durante la creazione di un'app:

1. Esplora soluzioni

   Tutti i file di progetto, il codice, i moduli, le risorse, vengono visualizzati in questa finestra.

2. Proprietà

   Questa finestra mostra le impostazioni delle proprietà che è possibile configurare in base al contesto dell'elemento selezionato. Ad esempio, se si seleziona un elemento da Esplora soluzioni, vengono visualizzate le impostazioni correlate al file. Se l'oggetto nella finestra di progettazione è selezionato, vengono visualizzate le proprietà del controllo o della maschera.

3. Progettazione moduli

   Si tratta della finestra di progettazione per il modulo. È interattivo ed è possibile trascinare oggetti dalla casella degli strumenti. Selezionando e spostando gli elementi nella finestra di progettazione, è possibile comporre visivamente l'interfaccia utente per l'app.

4. Casella degli strumenti

   La casella degli strumenti contiene tutti i controlli che è possibile aggiungere a un modulo. Per aggiungere un controllo al form corrente, fare doppio clic su un controllo o trascinare il controllo.

Aggiungere controlli al modulo

Con la finestra di progettazione moduli Form1 aperta, utilizzare la finestra Casella degli strumenti per aggiungere i controlli seguenti al form trascinandoli dalla casella degli strumenti e rilasciandoli nel modulo:

• Pulsante
• Etichetta
• Casella di riepilogo
• Casella di testo

Posizionare e ridimensionare i controlli in base all'immagine seguente:

È possibile spostare e ridimensionare i controlli con il mouse in modo che corrispondano all'immagine precedente oppure usare la tabella seguente per configurare ogni controllo. Per configurare un controllo, selezionarlo nella finestra di progettazione, quindi impostare l'impostazione appropriata nella finestra Proprietà . Quando si configura il modulo, selezionare la barra del titolo del modulo.

Gestire eventi

Ora che il modulo ha tutti i controlli disposti, il passaggio successivo consiste nell'aggiungere gestori eventi per rispondere all'input dell'utente. Passare alla finestra di progettazione dei moduli e seguire questa procedura:

1. Selezionare il controllo pulsante Aggiungi nome nel modulo.

2. Nella finestra Proprietà selezionare l'icona degli eventi per elencare gli eventi del pulsante.

3. Trovare l'evento Click e fare doppio clic su di esso per generare un gestore eventi.

   Questa azione aggiunge il codice seguente al modulo:

   private void btnAdd_Click(object sender, EventArgs e)
   {
   
   }
   

   Private Sub btnAdd_Click(sender As Object, e As EventArgs) Handles btnAdd.Click
   
   End Sub
   

   Il codice per questo gestore aggiungerà il nome specificato dalla txtName casella di testo alla lstNames casella di riepilogo. Tuttavia, si vuole che siano presenti due condizioni per aggiungere il nome: il nome specificato non deve essere vuoto e il nome non deve esistere già.

4. Il codice seguente illustra l'aggiunta di un nome al lstNames controllo :

   private void btnAdd_Click(object sender, EventArgs e)
   {
       if (!string.IsNullOrWhiteSpace(txtName.Text) && !lstNames.Items.Contains(txtName.Text))
           lstNames.Items.Add(txtName.Text);
   }
   

   Private Sub btnAdd_Click(sender As Object, e As EventArgs) Handles btnAdd.Click
       If Not String.IsNullOrWhiteSpace(txtName.Text) And Not lstNames.Items.Contains(txtName.Text) Then
           lstNames.Items.Add(txtName.Text)
       End If
   End Sub
   

Eseguire l'app

Ora che l'evento è gestito, eseguire l'app premendo F5o selezionando >Avvia debug dal menu. All'avvio dell'app, il modulo viene visualizzato ed è possibile immettere un nome nella casella di testo e selezionare il pulsante.

Contenuto correlato

• Altre informazioni su Windows Form
• Panoramica dell'uso dei controlli
• Panoramica degli eventi