Creare un'app Windows Form in Visual Studio con C#

  • Articolo

In questa esercitazione si creerà una semplice applicazione C# con un'interfaccia utente basata su Windows.

Se non è ancora stato installato Visual Studio, accedere alla pagina Download di Visual Studio per installarlo gratuitamente.

Nota

Alcune delle schermate contenute in questa esercitazione usano il tema scuro. Per passare al tema scuro, qualora questo non fosse già in uso, vedere le informazioni disponibili nella pagina Personalizzare l'IDE e l'editor di Visual Studio.

Se Visual Studio non è già stato installato, passare alla pagina di download di Visual Studio 2022 per installarlo gratuitamente.

Creare un progetto

Per prima cosa si crea un progetto di applicazione C#. Il tipo di progetto include fin dall'inizio tutti i file modello necessari.

  1. Aprire Visual Studio.

  2. Nella finestra iniziale scegliere Crea un nuovo progetto.

    View the 'Create a new project' window

  3. Nella finestra Crea un nuovo progetto scegliere il modello app Windows Form (.NET Framework) per C#.

    Se si preferisce, è possibile perfezionare la ricerca per passare rapidamente al modello desiderato. Ad esempio, immettere o digitare Windows Form App nella casella di ricerca. Scegliere quindi C# dall'elenco Linguaggio e quindi scegliere Windows dall'elenco Piattaforma.

    Choose the C# template for the Windows Forms App (.NET Framework)

    Nota

    Se il modello App Windows Forms (.NET Core) non viene visualizzato, è possibile installarlo dalla finestra Crea un nuovo progetto. Nel messaggio L'elemento cercato non è stato trovato? scegliere il collegamento Installa altri strumenti e funzionalità.

    The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create new project' window

    Nel Programma di installazione di Visual Studio scegliere quindi il carico di lavoro Sviluppo di applicazioni desktop .NET.

    .NET Core workload in the Visual Studio Installer

    Successivamente, scegliere il pulsante Modifica nel programma di installazione di Visual Studio. Quando viene richiesto, salvare il lavoro. Scegliere quindi Continua per installare il carico di lavoro. Quindi tornare al passaggio 2 della procedura "Creare un progetto".

  4. Nella finestra Configura il nuovo progetto digitare o immettere HelloWorld nella casella Nome del progetto. Scegliere Crea.

    in the 'Configure your new project' window, name your project 'HelloWorld'

    Visual Studio aprirà il nuovo progetto.

  1. Aprire Visual Studio.

  2. Nella finestra iniziale selezionare Crea un nuovo progetto.

    Screenshot to show the Create a new project window.

  3. Nella finestra Crea un nuovo progetto selezionare il modello Windows Form App (.NET Framework) per C#.

    Se si preferisce, è possibile perfezionare la ricerca per passare rapidamente al modello desiderato. Ad esempio, immettere o digitare Windows Form App nella casella di ricerca. Selezionare quindi C# dall'elenco Linguaggio e quindi selezionare Windows dall'elenco Piattaforma.

    Screenshot to select the C# template for the Windows Forms App (.NET Framework).

    Nota

    Se il modello App Windows Forms (.NET Core) non viene visualizzato, è possibile installarlo dalla finestra Crea un nuovo progetto. Nel messaggio Non trovare quello che si sta cercando? selezionare il collegamento Installa altri strumenti e funzionalità.

    Screenshot to show the The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create a new project' window.

    Nella Programma di installazione di Visual Studio selezionare quindi il carico di lavoro Sviluppo di applicazioni desktop .NET.

    Screenshot to show the .NET Core workload in the Visual Studio Installer.

    In seguito, selezionare il pulsante Modifica nella Programma di installazione di Visual Studio. Quando viene richiesto, salvare il lavoro. Selezionare quindi Continua per installare il carico di lavoro. Quindi tornare al passaggio 2 della procedura "Creare un progetto".

  4. Nella finestra Configura il nuovo progetto digitare o immettere HelloWorld nella casella Nome del progetto. Quindi, selezionare Crea.

    Screenshot to show the 'Configure your new project' window and name your project 'HelloWorld'.

    Visual Studio aprirà il nuovo progetto.

Creare l'applicazione

Dopo aver selezionato il modello di progetto C# e assegnare un nome al file, Visual Studio apre automaticamente un modulo. Un modulo è un'interfaccia utente di Windows. Si creerà un'applicazione "Hello World" aggiungendo controlli al modulo e quindi si eseguirà l'app.

Aggiungere un pulsante al modulo

  1. Selezionare Casella degli strumenti per aprire la finestra a comparsa casella degli strumenti.

    Screenshot to select the Toolbox to open the Toolbox window.

    (Se non vedi il Opzione a comparsa casella degli strumenti, è possibile aprirla dalla barra dei menu. A tale scopo, Visualizza>casella degli strumenti. In alternativa, premere CTRL+ALT+X.

  2. Espandere Controlli comuni e selezionare l'icona Aggiungi per ancorare la finestra casella degli strumenti .

    Screenshot to select the Pin icon to pin the Toolbox window to the IDE.

  3. Selezionare il controllo Pulsante e quindi trascinarlo nel form.

    Screenshot to add a button to the form.

  4. Nella finestra Proprietà individuare Testo, modificare il nome da button1 a Click thise quindi premere INVIO.

    Screenshot to add text to the button on the form by using the Properties window.

    (Se non vedi il Finestra Proprietà, è possibile aprirla dalla barra dei menu. A tale scopo, selezionare Visualizza>finestra Proprietà. In alternativa, premere F4.

  5. Nella sezione Progettazione della finestra Proprietà modificare il nome da button1 a btnClickThise quindi premere INVIO.

    Screenshot to add a function to the button on the form by using the Properties window.

    Nota

    Se l'elenco è stato alfabetizzato nella finestra Proprietà, button1 viene visualizzato nella sezione (DataBindings).

Aggiungere un'etichetta al modulo

È stato aggiunto un controllo pulsante per creare un'azione. Ora si aggiungerà un controllo etichetta al quale inviare del testo.

  1. Selezionare il controllo Etichetta nella Casella degli strumenti, quindi trascinarlo sul modulo e rilasciarlo sotto il pulsante Click this.

  2. Nella sezione Progettazione o nella sezione (DataBindings) della finestra Proprietà modificare il nome di label1 in lblHelloWorlde quindi premere INVIO.

Aggiungere codice al modulo

  1. Nella finestra Form1.cs [Progettazione] fare doppio clic sul pulsante Fare clic su questo per aprire la finestra Form1.cs.

    In alternativa, è possibile espandere Form1.cs in Esplora soluzioni e quindi scegliere Form1.

  2. Nella finestra Form1.cs, dopo la riga void privata, digitare o immettere lblHelloWorld.Text = "Hello World!"; come illustrato nello screenshot seguente:

    Screenshot to add code to the form

Eseguire l'applicazione

  1. Selezionare il pulsante Start per eseguire l'applicazione.

    Screenshot to select Start to debug and run the app.

    Vengono eseguite diverse operazioni. Nell'IDE di Visual Studio viene aperta la finestra Strumenti di diagnostica e anche una finestra Output. All'esterno dell'IDE viene visualizzata una finestra di dialogo Form1. Includerà il pulsante Fare clic su questo pulsante e il testo che indica label1.

  2. Selezionare il pulsante Fare clic su questo pulsante nella finestra di dialogo Form1 . Si noti che il testo label1 cambia in Hello World!.

    Screenshot to show a Form1 dialog box that includes label1 text.

  3. Chiudere la finestra di dialogo Form1 per interrompere l'esecuzione dell'app.

Creare l'applicazione

Dopo aver selezionato il modello di progetto C# e assegnare un nome al file, Visual Studio apre automaticamente un modulo. Un modulo è un'interfaccia utente di Windows. Si creerà un'applicazione "Hello World" aggiungendo controlli al modulo e quindi si eseguirà l'app.

Aggiungere un pulsante al modulo

  1. Scegliere Casella degli strumenti per aprire la finestra a comparsa della casella degli strumenti.

    Choose the Toolbox to open the Toolbox window

    (Se non vedi il Opzione a comparsa casella degli strumenti, è possibile aprirla dalla barra dei menu. A tale scopo, Visualizza>casella degli strumenti. In alternativa, premere CTRL+ALT+X.

  2. Scegliere l'icona Aggiungi per ancorare la finestra casella degli strumenti .

    Choose the Pin icon to pin the Toolbox window to the IDE

  3. Scegliere il controllo Pulsante e trascinarlo nel form.

    Add a button to the form

  4. Nella finestra Proprietà individuare Testo, modificare il nome da Button1 a Click thise quindi premere INVIO.

    Add text to the button on the form

    (Se non vedi il Finestra Proprietà , è possibile aprirla dalla barra dei menu. A tale scopo, scegliere Visualizza>finestra Proprietà. In alternativa, premere F4.

  5. Nella sezione Progettazione della finestra Proprietà cambiare il nome da Button1 a btnClickThis, quindi premere INVIO.

    Add a function to the button on the form

    Nota

    Se l'elenco è stato alfabetizzato nella finestra Proprietà, Button1 viene visualizzato nella sezione (DataBindings).

Aggiungere un'etichetta al modulo

È stato aggiunto un controllo pulsante per creare un'azione. Ora si aggiungerà un controllo etichetta al quale inviare del testo.

  1. Selezionare il controllo Etichetta nella Casella degli strumenti, quindi trascinarlo sul modulo e rilasciarlo sotto il pulsante Click this.

  2. Nella sezione Progettazione o nella sezione (DataBindings) della finestra Proprietà modificare il nome di Label1 in lblHelloWorlde quindi premere INVIO.

Aggiungere codice al modulo

  1. Nella finestra Form1.cs [Progettazione] fare doppio clic sul pulsante Fare clic su questo per aprire la finestra Form1.cs.

    In alternativa, è possibile espandere Form1.cs in Esplora soluzioni, quindi scegliere Visualizza codice (o premere F7) dal menu di scelta rapida in Form1.cs.

  2. Nella finestra Form1.cs, dopo la riga void privata, digitare o immettere lblHelloWorld.Text = "Hello World!"; come illustrato nello screenshot seguente:

    Add code to the form

Eseguire l'applicazione

  1. Scegliere il pulsante Start per eseguire l'applicazione.

    Choose Start to debug and run the app

    Vengono eseguite diverse operazioni. Nell'IDE di Visual Studio viene aperta la finestra Strumenti di diagnostica e anche una finestra Output. All'esterno dell'IDE viene visualizzata una finestra di dialogo Form1. La finestra include il pulsante Click this e il testo Label1.

  2. Scegliere il pulsante Fare clic su questo nella finestra di dialogo Form1 . Osservare che il testo Label1 diventa Hello World!.

    A Form1 dialog box that includes Label1 text

  3. Chiudere la finestra di dialogo Form1 per interrompere l'esecuzione dell'app.

Passaggi successivi

Congratulazioni per aver completato questa esercitazione. Per altre informazioni, passare all'esercitazione successiva:

Esercitazione: Creare un visualizzatore di immagini

Vedi anche