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:

• Creare una nuova app Windows Form
• Aggiungere controlli a un modulo
• Gestire gli eventi di controllo per fornire funzionalità dell'app
• Eseguire l'app

Prerequisiti

• Visual Studio 2022 versione 17.12 o versioni successive
  • Selezionare il carico di lavoro Sviluppo di applicazioni desktop .NET
  • Selezionare il singolo componente .NET 9

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.

1. Aprire Visual Studio.

2. Selezionare Crea un nuovo progetto.

   

3. Nella casella Cerca modelli digitare winforms e attendere che vengano visualizzati i risultati della ricerca.

4. Nell'elenco a discesa del linguaggio di codice scegliere C# o Visual Basic.

5. Nell'elenco dei modelli selezionare Windows Form'app e quindi selezionare Avanti.

   Importante

   Non selezionare il modello app Windows Form (.NET Framework).

   L'immagine seguente mostra i modelli di progetto C# e Visual Basic .NET. Se è stato applicato il filtro del linguaggio di codice, viene elencato il modello corrispondente.

   

6. Nella finestra Configura il nuovo progetto impostare Nome progetto su Nomi e selezionare Avanti.

   È anche possibile salvare il progetto in una cartella diversa modificando il percorso percorso .

   

7. Infine, nella finestra Informazioni aggiuntive selezionare .NET 9.0 (Supporto termini standard) per l'impostazione Framework e quindi selezionare Crea.

   

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.

Suggerimento

Se la casella degli strumenti non è visibile, è possibile visualizzarla tramite la voce di menu Visualizza>casella degli strumenti.

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.

Object	Impostazione	Valore
Etichetta	Ubicazione	12, 9
	Testo	Names
Casella di riepilogo	Nome	lstNames
	Ufficio	12, 27
	Dimensione	120, 94
Casella di testo	Nome	txtName
	Ufficio	138, 26
	Dimensione	100, 23
Button	Nome	btnAdd
	Ufficio	138, 55
	Dimensione	100, 23
	Testo	Add Name
Modulo	Testo	Names
	Dimensione	268, 180

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 F5 o selezionando Debug>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