Compartir a través de


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

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

En este tutorial, aprenderá a:

  • Creación de un proyecto
  • Agregar un botón al formulario
  • Adición de una etiqueta y código
  • Ejecutar la aplicación

Prerrequisitos

  • Necesita Visual Studio para completar este tutorial. Visite Descargas de Visual Studio para obtener una versión gratuita.
  • Carga de trabajo Desarrollo de escritorio de .NET. Para comprobar o instalar esta carga de trabajo en Visual Studio, seleccione Tools>Obtener herramientas y características. Para obtener más información, consulte Cambiar cargas de trabajo o componentes individuales.
  • Necesita Visual Studio para completar este tutorial. Visite Descargas de Visual Studio para obtener una versión gratuita.
  • Carga de trabajo Desarrollo de escritorio de .NET. Para comprobar o instalar esta carga de trabajo en Visual Studio, seleccione Tools>Obtener herramientas y características. Para obtener más información, consulte Cambiar cargas de trabajo o componentes individuales.

Creación de un proyecto

Cree un proyecto de aplicación de Visual Basic. El tipo de proyecto incluye todos los archivos de plantilla que necesita.

  1. Abra Visual Studio y seleccione Crear un nuevo proyecto en la ventana de inicio.

    Captura de pantalla que muestra la ventana de inicio de Visual Studio 2019 con la opción Crear un nuevo proyecto seleccionado.

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

    Puede refinar la búsqueda para llegar rápidamente a la plantilla que desee. Por ejemplo, escriba Windows Forms App en el cuadro de búsqueda. A continuación, seleccione Visual Basic en la lista de idiomas y, a continuación, Windows en la lista de plataformas.

    Captura de pantalla que muestra la ventana Crear un nuevo proyecto con la aplicación de Windows Forms (.NET Framework) seleccionada.

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

    Captura de pantalla que muestra la ventana Configurar el nuevo proyecto con el nombre HelloWorld especificado.

    Visual Studio abre el nuevo proyecto.

  1. Abra Visual Studio y seleccione Crear un nuevo proyecto en la ventana de inicio.

    Captura de pantalla que muestra la ventana de inicio de Visual Studio 2022 con la opción Crear un nuevo proyecto seleccionado.

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

    Puede refinar la búsqueda para llegar rápidamente a la plantilla que desee. Por ejemplo, escriba Windows Forms App en el cuadro de búsqueda. A continuación, seleccione Visual Basic en la lista de idiomas y, a continuación, Windows en la lista de plataformas.

    Captura de pantalla que muestra la ventana Crear un nuevo proyecto con la aplicación de Windows Forms (.NET Framework) seleccionada.

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

    Captura de pantalla que muestra la ventana Configurar el nuevo proyecto con el nombre HelloWorld especificado.

    Visual Studio abre el nuevo proyecto.

Agregar un botón al formulario

Después de 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. Para crear una aplicación Hola mundo , agregue controles al formulario.

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

    Captura de pantalla que muestra la pestaña Cuadro de herramientas que abre la ventana Cuadro de herramientas.

    Si lo desea, seleccione el icono Anclar para acoplar la ventana Caja de herramientas.

  2. En la sección Controles comunes , seleccione el control Botón y arrástrelo al formulario.

    Captura de pantalla que muestra el control Button agregado al formulario.

  3. En la sección Apariencia de la ventana Propiedades , en Texto, escriba Haga clic en esto y, a continuación, seleccione Entrar.

    Captura de pantalla que muestra la propiedad Text con el valor Haga clic en esto.

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

  4. En la sección Diseño de la ventana Propiedades , cambie el nombre de Button1 a btnClickThis y, a continuación, seleccione Entrar.

    Captura de pantalla que muestra la propiedad Name con un valor de btnClickThis.

    Nota:

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

Adición de una etiqueta y código

Después de agregar un control de botón para crear una acción, agregue un control de etiqueta para recibir el texto.

  1. Seleccione el control Etiqueta en la ventana Cuadro de herramientas y arrástrelo al formulario. Colóquelo debajo del botón Haga clic en este .

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

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

    Otra opción es expandir Form1.vb en el Explorador de soluciones. A continuación, seleccione Form1.

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

    Captura de pantalla que muestra una clase en la pestaña Form1.vs, donde puede agregar código de Visual Basic.

Ejecutar la aplicación

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

  1. Seleccione Iniciar para ejecutar la aplicación.

    Captura de pantalla que muestra el botón Iniciar que ejecuta la aplicación.

    Suceden varias cosas. En el IDE de Visual Studio, se abre la ventana Herramientas de diagnóstico y se abre una ventana 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.

    Captura de pantalla que muestra el cuadro de diálogo titulado Formulario 1 que muestra el texto Hola mundo.

    El texto Label1 cambia a Hello World!.

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

Para obtener más información sobre Windows Forms, continúe con el tutorial siguiente:

También puede probar estos otros tutoriales: