Creación de una aplicación de Windows Forms en Visual Studio con Visual BasicCreate a Windows Forms app in Visual Studio with Visual Basic

En esta breve introducción al entorno de desarrollo integrado de Visual Studio, creará una sencilla aplicación de Visual Basic que tiene una interfaz de usuario (IU) basada en Windows.In this short introduction to the Visual Studio integrated development environment (IDE), you'll create a simple Visual Basic application that has a Windows-based user interface (UI).

Si todavía no ha instalado Visual Studio, vaya a la página de descargas de Visual Studio para instalarlo de forma gratuita.If you haven't already installed Visual Studio, go to the Visual Studio downloads page to install it for free.

Si todavía no ha instalado Visual Studio, vaya a la página de descargas de Visual Studio para instalarlo de forma gratuita.If you haven't already installed Visual Studio, go to the Visual Studio downloads page to install it for free.

Note

Algunas de las capturas de pantalla de este tutorial usan el tema oscuro.Some of the screenshots in this tutorial use the dark theme. Si no está usando el tema oscuro pero le gustaría hacerlo, vea la página Guía de inicio rápido: personalizar el IDE y el editor de Visual Studio para obtener información sobre cómo hacerlo.If you aren't using the dark theme but would like to, see the Personalize the Visual Studio IDE and Editor page to learn how.

Crear un proyectoCreate a project

En primer lugar, crearemos un proyecto de aplicación de Visual Basic.First, you'll create a Visual Basic application project. En el tipo de proyecto se incluyen todos los archivos de plantilla que vamos a necesitar, sin necesidad de agregar nada más.The project type comes with all the template files you'll need, before you've even added anything.

  1. Abra Visual Studio 2017.Open Visual Studio 2017.

  2. En la barra de menús superior, elija Archivo > Nuevo > Proyecto.From the top menu bar, choose File > New > Project.

  3. En el cuadro de diálogo Nuevo proyecto del panel izquierdo, expanda Visual Basic y seleccione Escritorio de Windows.In the New Project dialog box in the left pane, expand Visual Basic, and then choose Windows Desktop. En el panel central, elija Aplicación de Windows Forms (.NET Framework) .In the middle pane, choose Windows Forms App (.NET Framework). Luego, asigne al archivo el nombre HelloWorld.Then name the file HelloWorld.

    Si no ve la plantilla de proyecto Aplicación de Windows Forms (.NET Framework) , cancele haciendo clic fuera del cuadro de diálogo Nuevo proyecto y, en la barra de menús superior, elija Herramientas > Get Tools and Features (Obtener herramientas y características).If you don't see the Windows Forms App (.NET Framework) project template, cancel out of the New Project dialog box and from the top menu bar, choose Tools > Get Tools and Features. Se iniciará el Instalador de Visual Studio.The Visual Studio Installer launches. Elija la carga de trabajo Desarrollo de escritorio de .NET y, luego, seleccione Modificar.Choose the .NET desktop development workload, then choose Modify.

    Carga de trabajo de .NET Core en el instalador de Visual Studio

  1. Abra Visual Studio 2019.Open Visual Studio 2019.

  2. En la ventana de inicio, elija Crear un proyecto nuevo.On the start window, choose Create a new project.

    Visualización de la ventana "Crear un proyecto"

  3. En la ventana Crear un nuevo proyecto, elija la plantilla Windows Forms App (.NET Framework) para Visual Basic.On the Create a new project window, choose the Windows Forms App (.NET Framework) template for Visual Basic.

    (Si lo prefiere, puede refinar la búsqueda para acceder rápidamente a la plantilla que desee.(If you prefer, you can refine your search to quickly get to the template you want. Por ejemplo, escriba Windows Forms App en el cuadro de búsqueda.For example, enter or type Windows Forms App in the search box. Seguidamente, elija Visual Basic en la lista de lenguajes y luego, Windows en la lista de plataformas).Next, choose Visual Basic from the Language list, and then choose Windows from the Platform list.)

    Elija la plantilla Visual Basic para la Aplicación de Windows Forms (.NET Framework).

    Note

    Si no ve la plantilla Aplicación de Windows Forms (.NET Framework) , puede instalarla desde la ventana Crear un proyecto.If you do not see the Windows Forms App (.NET Framework) template, you can install it from the Create a new project window. En el mensaje ¿No encuentra lo que busca? , elija el vínculo Instalar más herramientas y características.In the Not finding what you're looking for? message, choose the Install more tools and features link.

    Vínculo "Instalar más herramientas y características" del mensaje "¿No encuentra lo que busca?" que aparece en la ventana "Crear proyecto"

    A continuación, en el Instalador de Visual Studio, elija la carga de trabajo Desarrollo de escritorio de .NET.Next, in the Visual Studio Installer, choose the Choose the .NET desktop development workload.

    Carga de trabajo de .NET Core en el instalador de Visual Studio

    Después, elija el botón Modificar en el Instalador de Visual Studio.After that, choose the Modify button in the Visual Studio Installer. Es posible que se le pida que guarde su trabajo; si es así, hágalo.You might be prompted to save your work; if so, do so. Seguidamente, elija Continuar para instalar la carga de trabajo.Next, choose Continue to install the workload. Luego, vuelva al paso 2 de este procedimiento "Crear un proyecto".Then, return to step 2 in this "Create a project" procedure.

  4. En la ventana Configurar el nuevo proyecto, escriba HelloWorld en el cuadro Nombre del proyecto.In the Configure your new project window, type or enter HelloWorld in the Project name box. Luego, elija Crear.Then, choose Create.

    En la ventana "Configurar el nuevo proyecto", asigne al proyecto el nombre "HelloWorld".

    Visual Studio se abre en el nuevo proyecto.Visual Studio opens your new project.

Crear la aplicaciónCreate the application

Tras seleccionar la plantilla de proyecto de Visual Basic y asignar un nombre al archivo, Visual Studio abre un formulario automáticamente.After you select your Visual Basic project template and name your file, Visual Studio opens a form for you. Un formulario es una interfaz de usuario de Windows.A form is a Windows user interface. Se va a crear una aplicación "Hello World"; para ello, se agregarán controles al formulario y, después, se ejecutará la aplicación.We'll create a "Hello World" application by adding controls to the form, and then we'll run the app.

Agregar un botón al formularioAdd a button to the form

  1. Haga clic en Cuadro de herramientas para abrir la ventana flotante Cuadro de herramientas.Click Toolbox to open the Toolbox fly-out window.

    Clic en Cuadro de herramientas para abrir la ventana Cuadro de herramientas

    Si no ve la opción flotante Cuadro de herramientas, puede abrirla desde la barra de menús.(If you don't see the Toolbox fly-out option, you can open it from the menu bar. Para ello, seleccione Ver > Cuadro de herramientas.To do so, View > Toolbox. También puede presionar CTRL+Alt+X.Or, press Ctrl+Alt+X.)

  2. Haga clic en el icono de anclaje para acoplar la ventana Cuadro de herramientas.Click the Pin icon to dock the Toolbox window.

    Clic en el icono de anclaje para anclar la ventana del cuadro de herramientas al IDE

  3. Haga clic en el control Botón y arrástrelo al formulario.Click the Button control and then drag it onto the form.

    Agregar un botón al formulario

  4. En la sección Apariencia (o en la sección Fuentes) de la ventana Propiedades, escriba Click this y presione ENTRAR.In the Appearance section (or the Fonts section) of the Properties window, type Click this, and then press Enter.

    Adición de texto al botón en el formulario

    Si no ve la ventana Propiedades, puede abrirla desde la barra de menús.(If you don't see the Properties window, you can open it from the menu bar. Para ello, haga clic en Ver > Ventana Propiedades.To do so, click View > Properties Window. También puede presionar F4.Or, press F4.)

  5. En la sección Diseño de la ventana Propiedades, cambie el nombre de Button1 a btnClickThis y, tras ello, presione ENTRAR.In the Design section of the Properties window, change the name from Button1 to btnClickThis, and then press Enter.

    Adición de una función al botón en el formulario

    Note

    Si ha ordenado la lista alfabéticamente en la ventana Propiedades, Button1 aparece en cambio en la sección (DataBindings) .If you've alphabetized the list in the Properties window, Button1 appears in the (DataBindings) section, instead.

Agregar una etiqueta al formularioAdd a label to the form

Ya hemos agregado un control de botón para crear una acción, así que ahora vamos a agregar un control de etiqueta al que enviar texto.Now that we've added a button control to create an action, let's add a label control to send text to.

  1. Seleccione el control Etiqueta desde la ventana Cuadro de herramientas, arrástrelo hasta el formulario y colóquelo debajo del botón Click this.Select the Label control from the Toolbox window, and then drag it onto the form and drop it beneath the Click this button.

  2. En la sección Diseño o en la sección (DataBindings) de la ventana Propiedades, cambie el nombre de Label1 por lblHelloWorld y presione Entrar.In either the Design section or the (DataBindings) section of the Properties window, change the name of Label1 to lblHelloWorld, and then press Enter.

Agregar código al formularioAdd code to the form

  1. En la ventana Form1.vb [Diseño] , haga doble clic en el botón Click this para abrir la ventana Form1.vb.In the Form1.vb [Design] window, double-click the Click this button to open the Form1.vb window.

    (También puede expandir Form1.vb en el Explorador de soluciones y luego hacer clic en Form1).(Alternatively, you can expand Form1.vb in Solution Explorer, and then click Form1.)

  2. En la ventana Form1.vb, entre las líneas Private Sub y End Sub, escriba lblHelloWorld.Text = "Hello World!" como se muestra en la captura de pantalla siguiente:In the Form1.vb window, between the Private Sub and End Sub lines, type or enter lblHelloWorld.Text = "Hello World!" as shown in the following screenshot:

    Agregar código al formulario

Ejecutar la aplicaciónRun the application

  1. Haga clic en el botón Iniciar para ejecutar la aplicación.Click the Start button to run the application.

    Clic en Iniciar para depurar y ejecutar la aplicación

    Ocurrirán varias cosas.Several things will happen. En el IDE de Visual Studio, se abrirá la ventana Herramientas de diagnóstico y, también, una ventana Salida.In the Visual Studio IDE, the Diagnostics Tools window will open, and an Output window will open, too. Pero fuera del IDE se abre un cuadro de diálogo Form1.But outside of the IDE, a Form1 dialog box appears. En él verá el botón Click this y el texto Label1.It will include your Click this button and text that says Label1.

  2. Haga clic en el botón Click this en el cuadro de diálogo Form1.Click the Click this button in the Form1 dialog box. Observe cómo el texto Label1 cambia a Hello World! .Notice that the Label1 text changes to Hello World!.

    Cuadro de diálogo Form1 con el texto Label1A Form1 dialog box that includes Label1 text

  3. Cierre el cuadro de diálogo Form1 para dejar de ejecutar la aplicación.Close the Form1 dialog box to stop running the app.

Pasos siguientesNext steps

Para obtener más información, continúe con el tutorial siguiente:To learn more, continue with the following tutorial:

Vea tambiénSee also