Tutorial: Creación de una aplicación de WinForms con Visual Basic

En este tutorial, creará una aplicación de Visual Basic que tendrá una interfaz de usuario de Windows Forms. El entorno de desarrollo integrado (IDE) de Visual Studio incluye toda las herramientas que necesita para crear una aplicación de Windows Forms.

En este tutorial, aprenderá a:

  • Crear un proyecto
  • Agregar un botón al formulario
  • Agregar una etiqueta y un código
  • Ejecución de la aplicación

Requisitos previos

Necesitará Visual Studio para completar este tutorial. Visite la página de descargas de Visual Studio para obtener una versión gratuita.

Necesitará Visual Studio para completar este tutorial. Visite la página de descargas de Visual Studio para obtener una versión gratuita.

Crear un proyecto

Cree un proyecto de aplicación de Visual Basic. En el tipo de proyecto se incluyen todos los archivos de plantilla que vamos a necesitar, sin necesidad de agregar nada más.

  1. Abra Visual Studio.

  2. En la ventana de inicio, elija Crear un proyecto nuevo.

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

  3. En la ventana Crear un proyecto nuevo, seleccione la plantilla Aplicación de Windows Forms (.NET Framework) para Visual Basic.

    Puede refinar la búsqueda para acceder rápidamente a la plantilla que desee. Por ejemplo, escriba Aplicación de Windows Forms en el cuadro de búsqueda. Luego, seleccione Visual Basic en la lista Lenguaje y, luego, Windows en la lista Plataforma.

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

    Nota:

    Si no ve la plantilla Aplicación de Windows Forms (.NET Framework), puede instalarla desde la ventana Crear un proyecto nuevo. En el mensaje ¿No encuentra lo que busca? , elija el vínculo Instalar más herramientas y características.

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

    Luego, en el Instalador de Visual Studio, elija la carga de trabajo Desarrollo de escritorio de .NET.

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

    Después, seleccione Modificar en el Instalador de Visual Studio. Es posible que se le pida que guarde su trabajo.

  4. En la ventana Configurar el proyecto nuevo, escriba HelloWorld como el nombre del proyecto. Seleccione Crear.

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

    Visual Studio se abre en el nuevo proyecto.

  1. Abra Visual Studio.

  2. En la ventana de inicio, elija Crear un proyecto nuevo.

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

  3. En la ventana Crear un proyecto nuevo, seleccione la plantilla Aplicación de Windows Forms (.NET Framework) para Visual Basic.

    Puede refinar la búsqueda para acceder rápidamente a la plantilla que desee. Por ejemplo, escriba Aplicación de Windows Forms en el cuadro de búsqueda. Luego, seleccione Visual Basic en la lista Lenguaje y, luego, Windows en la lista Plataforma.

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

    Nota:

    Si no ve la plantilla Aplicación de Windows Forms (.NET Framework), puede instalarla desde la ventana Crear un proyecto nuevo. En el mensaje ¿No encuentra lo que busca? , elija el vínculo Instalar más herramientas y características.

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

    Luego, en el Instalador de Visual Studio, elija la carga de trabajo Desarrollo de escritorio de .NET.

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

    Después, seleccione Modificar en el Instalador de Visual Studio. Es posible que se le pida que guarde su trabajo.

  4. En la ventana Configurar el proyecto nuevo, escriba HelloWorld como el nombre del proyecto. Seleccione Crear.

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

    Visual Studio se abre en el nuevo proyecto.

Agregar un botón al formulario

Tras seleccionar la plantilla de proyecto de Visual Basic y asignar un nombre al archivo, Visual Studio abre un formulario automáticamente. Un formulario es una interfaz de usuario de Windows. Agregará controles al formulario para crear una aplicación "Hola mundo".

  1. En el lado izquierdo del IDE de Visual Studio, seleccione la pestaña Cuadro de herramientas. Si no la ve, seleccione Ver>Cuadro de herramientas en la barra de menús o presione Ctrl+Alt+X.

    Screenshot shows the Toolbox tab that opens Toolbox window.

    Seleccione el icono Anclar para acoplar la ventana Cuadro de herramientas.

  2. Seleccione el control Botón y arrástrelo al formulario.

    Screenshot shows the Button control added to the form.

  3. En la sección Apariencia de la ventana Propiedades, en Text, escriba Click this (Clic aquí) y seleccione ENTRAR.

    Screenshot shows the Text property with the value Click this.

    Si no ve la ventana Propiedades, puede abrirla desde la barra de menús. Seleccione Ver>Ventana Propiedades o presione F4.

  4. En la sección Diseño de la ventana Propiedades, cambie el nombre de Button1 a btnClickThis y, luego, presione ENTRAR.

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

    Nota:

    Si ha ordenado la lista alfabéticamente en la ventana Propiedades, Button1 aparece en cambio en la sección (DataBindings) .

Incorporación de una etiqueta y un código

Ahora que agregó un control de botón para crear una acción, agregue un control de etiqueta al que enviar texto.

  1. Seleccione el control Label de la ventana Cuadro de herramientas y arrástrelo al formulario. Colóquelo debajo del botón Click this (Clic aquí).

  2. En la sección Diseño o (DataBindings) de la ventana Propiedades, cambie el nombre de Label1 a lblHelloWorld y presione ENTRAR.

  3. En la ventana Form1.vb [Design] (Form1.vb [Diseño]), haga doble clic en el botón Click this (Clic aquí) para abrir la ventana Form1.vb.

    Otra opción es expandir Form1.vb en el Explorador de soluciones y seleccione Form1.

  4. En la ventana Form1.vb, entre las líneas Private Sub y End Sub, escriba lblHelloWorld.Text = "Hello World!" tal y como se muestra en la siguiente captura de pantalla:

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

Ejecución de la aplicación

La aplicación está lista para compilarse y ejecutarse.

  1. Seleccione Inicio para ejecutar la aplicación.

    Screenshot shows the Start button that runs your app.

    Son varias las cosas que pasan. En el IDE de Visual Studio, se abren las ventanas Herramientas de diagnóstico y Salida. Fuera del IDE, aparece un cuadro de diálogo Form1, que incluye el botón Click this (Clic aquí) y texto que dice Label1.

  2. Seleccione el botón Click this en el cuadro de diálogo Form1.

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

    El texto Label1 cambia a Hola mundo.

  3. Cierre el cuadro de diálogo Form1 para dejar de ejecutar la aplicación.

Pasos siguientes

Para más información sobre Windows Forms, vaya al tutorial siguiente:

Vea también