Crea la tua prima App con Visual Studio

Creare un’app Windows Forms con .NET

• Articolo
• 02/01/2023
• 4 minuti per la lettura
• 3 contributori

In questa breve esercitazione si apprenderà come creare una nuova app Windows Forms con Visual Studio. Dopo aver generato l’app iniziale, si apprenderà come aggiungere controlli e come gestire gli eventi. Al termine di questa esercitazione, si avrà una semplice app che aggiunge nomi a una casella di riepilogo.

 Importante

La documentazione della Guida per desktop .NET 6 e .NET 5 (incluso .NET Core 3.1) è in fase di sviluppo.

In questa esercitazione verranno illustrate le procedure per:

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

Prerequisiti

• Visual Studio 2022 versione 17.0 o successiva
  • Selezionare il carico di lavoro Sviluppo di applicazioni desktop .NET
  • Selezionare il singolo componente .NET 6

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 Forms’app e quindi fare clic su Avanti. ImportanteNon selezionare il modello app Windows Forms (.NET Framework).L’immagine seguente mostra sia i modelli di progetto C# che Visual Basic .NET. Se è stato applicato il filtro del linguaggio di codice , verrà visualizzato il modello corrispondente.
6. Nella finestra Configura il nuovo progetto impostare Nome progetto su Nomi e fare clic su Avanti.È anche possibile salvare il progetto in una cartella diversa modificando il percorso percorso .
7. Infine, nella finestra Informazioni aggiuntive selezionare .NET 6.0 (supporto a lungo termine) per l’impostazione Framework e quindi fare clic su Crea.

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

Parti importanti di Visual Studio

Il supporto per Windows Forms in Visual Studio include quattro componenti importanti con cui si interagirà durante la creazione di un’app:

1. Esplora soluzioniTutti i file di progetto, il codice, i moduli, le risorse, verranno visualizzati in questo riquadro.
2. ProprietàQuesto riquadro mostra le impostazioni delle proprietà che è possibile configurare in base all’elemento selezionato. Ad esempio, se si seleziona un elemento da Esplora soluzioni, verranno visualizzate le impostazioni delle proprietà correlate al file. Se si seleziona un oggetto in Progettazione, verranno visualizzate le impostazioni per il controllo o il modulo.
3. Progettazione moduliSi tratta della finestra di progettazione per il modulo. È interattivo ed è possibile trascinare gli 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 strumentiLa 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, usare il riquadro Casella degli strumenti per aggiungere i controlli seguenti al modulo:

• Etichetta
• Pulsante
• Listbox
• Casella di testo

È possibile posizionare e ridimensionare i controlli in base alle impostazioni seguenti. Spostarli visivamente in modo che corrispondano allo screenshot seguente oppure fare clic su ogni controllo e configurare le impostazioni nel riquadro Proprietà . È anche possibile fare clic sull’area del titolo del modulo per selezionare il modulo:

Oggetto	Impostazione	Valore
Form	Testo	Names
	Dimensione	268, 180
Etichetta	Posizione	12, 9
	Testo	Names
Listbox	Nome	lstNames
	Località	12, 27
	Dimensione	120, 94
Casella di testo	Nome	txtName
	Località	138, 26
	Dimensione	100, 23
Button	Nome	btnAdd
	Località	138, 55
	Dimensione	100, 23
	Testo	Add Name

Nella finestra di progettazione dovrebbe essere presente un modulo simile al seguente:

Gestire eventi

Ora che il modulo ha tutti i controlli disposti, è necessario gestire gli eventi dei controlli per rispondere all’input utente. Con la finestra di progettazione moduli ancora aperta, seguire questa procedura:

1. Selezionare il controllo pulsante nel modulo.
2. Nel riquadro Proprietà fare clic sull’icona  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:C#Copiaprivate void btnAdd_Click(object sender, EventArgs e) { } Il codice che verrà inserito in questo gestore aggiungerà il nome specificato dal txtName controllo casella di testo al lstNames controllo listbox. Tuttavia, si desidera che siano presenti due condizioni per aggiungere il nome: il nome specificato non deve essere vuoto e il nome non deve già esistere.
4. Il codice seguente illustra l’aggiunta di un nome al lstNames controllo:C#Copiaprivate void btnAdd_Click(object sender, EventArgs e) { if (!string.IsNullOrWhiteSpace(txtName.Text) && !lstNames.Items.Contains(txtName.Text)) lstNames.Items.Add(txtName.Text); }

Eseguire l’app

Ora che l’evento è stato codificato, è possibile eseguire l’app premendo il tasto F5 o selezionando DebugAvvia debug> dal menu. Il modulo visualizza e puoi immettere un nome nella casella di testo e quindi aggiungerlo facendo clic sul pulsante.