Esercitazione: Creare un'app WinForms con Visual Basic

  • Articolo

In questa esercitazione si creerà un'applicazione Visual Basic con un'interfaccia utente Windows Form. L'ambiente di sviluppo integrato (IDE) di Visual Studio include tutti gli strumenti necessari per creare un'app Windows Form.

In questa esercitazione apprenderai a:

  • Creare un progetto
  • Aggiungere un pulsante al modulo
  • Aggiungere un'etichetta e un codice
  • Eseguire l'applicazione

Prerequisiti

Per completare questa esercitazione è necessario Visual Studio. Visitare la pagina dei download di Visual Studio per una versione gratuita.

Per completare questa esercitazione è necessario Visual Studio. Visitare la pagina dei download di Visual Studio per una versione gratuita.

Creare un progetto

Creare un progetto di applicazione Visual Basic. 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.

    Screenshot shows the Visual Studio 2019 start window with Create a new project selected.

  3. Nella finestra Crea un nuovo progetto selezionare il modello app Windows Form (.NET Framework) per Visual Basic.

    È possibile perfezionare la ricerca per passare rapidamente al modello desiderato. Ad esempio, immettere Windows Form App nella casella di ricerca. Selezionare quindi Visual Basic dall'elenco Lingua e quindi Windows dall'elenco Piattaforma .

    Screenshot shows the Create a new project window with Windows Forms App (.NET Framework) selected.

    Nota

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

    Screenshot shows the 'Install more tools and features' link from the 'Not finding what you're looking for' message.

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

    Screenshot shows the .NET Core workload selected in the Visual Studio Installer.

    In seguito, selezionare Modifica nel Programma di installazione di Visual Studio. Potrebbe essere richiesto di salvare il lavoro.

  4. Nella finestra Configura il nuovo progetto immettere HelloWorld come Nome progetto. Quindi, selezionare Crea.

    Screenshot shows the Configure your new project window with the name HelloWorld entered.

    Visual Studio aprirà il nuovo progetto.

  1. Aprire Visual Studio.

  2. Nella finestra iniziale scegliere Crea un nuovo progetto.

    Screenshot shows the Visual Studio 2022 start window with Create a new project selected.

  3. Nella finestra Crea un nuovo progetto selezionare il modello app Windows Form (.NET Framework) per Visual Basic.

    È possibile perfezionare la ricerca per passare rapidamente al modello desiderato. Ad esempio, immettere Windows Form App nella casella di ricerca. Selezionare quindi Visual Basic dall'elenco Lingua e quindi Windows dall'elenco Piattaforma .

    Screenshot shows the Create a new project window with Windows Forms App (.NET Framework) selected.

    Nota

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

    Screenshot shows the 'Install more tools and features' link from the 'Not finding what you're looking for' message.

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

    Screenshot shows the .NET Core workload selected in the Visual Studio Installer.

    In seguito, selezionare Modifica nel Programma di installazione di Visual Studio. Potrebbe essere richiesto di salvare il lavoro.

  4. Nella finestra Configura il nuovo progetto immettere HelloWorld come Nome progetto. Quindi, selezionare Crea.

    Screenshot shows the Configure your new project window with the name HelloWorld entered.

    Visual Studio aprirà il nuovo progetto.

Aggiungere un pulsante al modulo

Dopo aver selezionato il modello di progetto Visual Basic e assegnato un nome al file, in Visual studio viene aperto un modulo. Un modulo è un'interfaccia utente di Windows. Si creerà un'applicazione "Hello World" aggiungendo controlli al modulo.

  1. Sul lato sinistro dell'IDE di Visual Studio selezionare la scheda Casella degli strumenti. Se non viene visualizzata, selezionare Visualizza>casella degli strumenti dalla barra dei menu o CTRL+ALT+X.

    Screenshot shows the Toolbox tab that opens Toolbox window.

    Se si vuole, selezionare l'icona Aggiungi per ancorare la finestra casella degli strumenti .

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

    Screenshot shows the Button control added to the form.

  3. Nella sezione Aspetto della finestra Proprietà, per Testo, digitare Fare clic su questo e quindi premere INVIO.

    Screenshot shows the Text property with the value Click this.

    Se non viene visualizzata la finestra Proprietà , è possibile aprirla dalla barra dei menu. Selezionare Visualizza>finestra Proprietà o premere F4.

  4. Nella sezione Progettazione della finestra Proprietà modificare il nome da Button1 a btnClickThis e quindi premere INVIO.

    Screenshot shows the Name property with a value of b t n click this.

    Nota

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

Aggiungere un'etichetta e un codice

Dopo aver aggiunto un controllo pulsante per creare un'azione, aggiungere un controllo etichetta a cui inviare testo.

  1. Selezionare il controllo Etichetta nella finestra Casella degli strumenti e quindi trascinarlo nel form. Posizionarlo sotto il pulsante Fare clic su questo .

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

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

    Un'altra opzione consiste nell'espandere Form1.vb in Esplora soluzioni e quindi selezionare Form1.

  4. Nella finestra Form1.vb, tra le righe Private Sub e End Sub immettere lblHelloWorld.Text = "Hello World!" come illustrato nello screenshot seguente:

    Screenshot shows the a class in the Form1.vs tab where you can add Visual Basic code.

Eseguire l'applicazione

L'applicazione è pronta per la compilazione e l'esecuzione.

  1. Selezionare Avvia per eseguire l'applicazione.

    Screenshot shows the Start button that runs your app.

    Si verificano diverse cose. Nell'IDE di Visual Studio viene visualizzata la finestra Strumenti di diagnostica e viene visualizzata una finestra Output . All'esterno dell'IDE viene visualizzata una finestra di dialogo Form1 . Include il pulsante Fare clic su questo pulsante e il testo etichetta1.

  2. Selezionare il pulsante Fare clic su questo pulsante nella finestra di dialogo Form1 .

    Screenshot shows dialog box titled Form 1 that displays the text Hello World!

    Il testo Label1 cambia in Hello World!.

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

Passaggi successivi

Per altre informazioni sulle Windows Form, continuare con l'esercitazione seguente:

Esercitazione: Creare un visualizzatore di immagini

Vedi anche