Creación de una aplicación de Windows Forms en Visual Studio con C#

En esta breve introducción al entorno de desarrollo integrado (IDE) de Visual Studio, creará una sencilla aplicación de C# que tiene una interfaz de usuario (IU) basada en Windows.

Si todavía no ha instalado Visual Studio, vaya a la página de descargas de Visual Studio para instalarlo de forma gratuita.

Si todavía no ha instalado Visual Studio, vaya a la página de descargas de Visual Studio para instalarlo de forma gratuita.

Nota

Algunas de las capturas de pantalla de este tutorial usan el tema oscuro. 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.

Si todavía no ha instalado Visual Studio, vaya a la página de descargas de Visual Studio 2022 para instalarlo de forma gratuita.

Crear un proyecto

En primer lugar, se creará un proyecto de aplicación C#. 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 2017.

  2. En la barra de menús superior, elija Archivo > Nuevo > Proyecto.

  3. En el cuadro de diálogo Nuevo proyecto del panel izquierdo, expanda Visual C# y seleccione Escritorio de Windows. En el panel central, elija Aplicación de Windows Forms (.NET Framework) . Luego, asigne al archivo el nombre 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). Se iniciará el Instalador de Visual Studio. Elija la carga de trabajo Desarrollo de escritorio de .NET y, luego, seleccione Modificar.

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

  1. Abra Visual Studio.

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

    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 C#.

    (Si lo prefiere, puede refinar la búsqueda para acceder rápidamente a la plantilla que desee. Por ejemplo, escriba Windows Forms App en el cuadro de búsqueda. A continuación, elija C# en la lista de lenguajes y, luego, Windows en la lista de plataformas).

    Selección de la plantilla C# para la Aplicación de Windows Forms (.NET Framework)

    Nota

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

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

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

    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. Es posible que se le pida que guarde su trabajo; si es así, hágalo. Seguidamente, elija Continuar para instalar la carga de trabajo. Luego, vuelva al paso 2 de este procedimiento "Crear un proyecto".

  4. En la ventana Configurar el nuevo proyecto, escriba HelloWorld en el cuadro Nombre del proyecto. Luego, elija Crear.

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

    Visual Studio se abre en el nuevo proyecto.

  1. Abra Visual Studio.

  2. En la ventana de inicio, seleccione Crear un proyecto.

    Captura de pantalla en la que se muestra la ventana Crear un proyecto.

  3. En la ventana Crear un proyecto, seleccione la plantilla Windows Forms App (.NET Framework) para C#.

    Si lo prefiere, puede refinar la búsqueda para acceder rápidamente a la plantilla que desee. Por ejemplo, escriba Windows Forms App en el cuadro de búsqueda. Después, seleccione C# en la lista de lenguajes y, después, Windows en la lista de plataformas.

    Captura de pantalla en la que se selecciona la plantilla de C# de la aplicación Windows Forms (.NET Framework).

    Nota

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

    Captura de pantalla en la que se muestra el vínculo "Instalar más herramientas y características" del mensaje "¿No encuentra lo que busca?" que aparece en la ventana "Crear un proyecto".

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

    Captura de pantalla en la que se muestra la carga de trabajo de .NET Core en el Instalador de Visual Studio.

    Después, seleccione el botón Modificar en el Instalador de Visual Studio. Es posible que se le pida que guarde su trabajo; si es así, hágalo. Seguidamente, seleccione Continuar para instalar la carga de trabajo. Luego, vuelva al paso 2 de este procedimiento "Crear un proyecto".

  4. En la ventana Configurar el nuevo proyecto, escriba HelloWorld en el cuadro Nombre del proyecto. Seleccione Crear.

    Captura de pantalla en la que se muestra la ventana de configuración de un proyecto nuevo y cómo se le pone el nombre "HelloWorld".

    Visual Studio se abre en el nuevo proyecto.

Crear la aplicación

Tras seleccionar la plantilla de proyecto de C# y asignar un nombre al archivo, Visual Studio abre un formulario automáticamente. Un formulario es una interfaz de usuario de Windows. 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.

Agregar un botón al formulario

  1. Seleccione Cuadro de herramientas para abrir la ventana flotante Cuadro de herramientas.

    Captura de pantalla en la que se selecciona el 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. Para ello, seleccione Ver > Cuadro de herramientas. También puede presionar CTRL+Alt+X.

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

    Captura de pantalla en la que se selecciona el icono que sirve para anclar la ventana Cuadro de herramientas al IDE.

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

    Captura de pantalla para agregar un botón al formulario.

  4. En la ventana Propiedades, busque Texto, cambie el nombre de button1 a Click this y, luego, presione Entrar.

    Captura de pantalla para agregar texto al botón en el formulario usando la ventana Propiedades.

    Si no ve la ventana Propiedades, puede abrirla desde la barra de menús. Para ello, seleccione Ver > Ventana Propiedades. También puede presionar F4.

  5. En la sección Diseño de la ventana Propiedades, cambie el nombre de button1 a btnClickThis y, tras ello, presione ENTRAR.

    Captura de pantalla para agregar una función al botón en el formulario usando la ventana Propiedades.

    Nota

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

Agregar una etiqueta al formulario

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.

  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.

  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.

Agregar código al formulario

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

    (También puede expandir Form1.vb en el Explorador de soluciones y luego elegir Form1).

  2. En la ventana Form1.cs, después de la línea private void, escriba lblHelloWorld.Text = "Hello World!"; como se muestra en la captura de pantalla siguiente:

    Captura de pantalla para agregar código al formulario .

Ejecución de la aplicación

  1. Seleccione el botón Iniciar para ejecutar la aplicación.

    Captura de pantalla en la que se selecciona Iniciar para depurar y ejecutar la aplicación.

    Ocurrirán varias cosas. En el IDE de Visual Studio, se abrirá la ventana Herramientas de diagnóstico y, también, una ventana Salida. Pero fuera del IDE se abre un cuadro de diálogo Form1. En él verá el botón Click this y el texto label1.

  2. Seleccione el botón Click this en el cuadro de diálogo Form1. Observe cómo el texto label1 cambia a Hola mundo! .

    Captura de pantalla en la que se muestra el cuadro de diálogo Form1 que incluye el texto label1.

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

Crear la aplicación

Tras seleccionar la plantilla de proyecto de C# y asignar un nombre al archivo, Visual Studio abre un formulario automáticamente. Un formulario es una interfaz de usuario de Windows. 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.

Agregar un botón al formulario

  1. Elija Cuadro de herramientas para abrir la ventana flotante Cuadro de herramientas.

    Elegir el 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. Para ello, seleccione Ver > Cuadro de herramientas. También puede presionar CTRL+Alt+X.

  2. Elija el icono Anclar para acoplar la ventana Cuadro de herramientas.

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

  3. Elija el control Botón y arrástrelo al formulario.

    Agregar un botón al formulario

  4. En la ventana Propiedades, busque Texto, cambie el nombre de Button1 a Click this y, luego, presione Entrar.

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

    Si no ve la ventana Propiedades, puede abrirla desde la barra de menús. Para ello, elija Ver > Ventana Propiedades. También puede presionar F4.

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

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

    Nota

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

Agregar una etiqueta al formulario

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.

  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.

  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.

Agregar código al formulario

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

    (También puede expandir Form1.vb en el Explorador de soluciones y luego elegir Form1).

  2. En la ventana Form1.cs, después de la línea private void, escriba lblHelloWorld.Text = "Hello World!"; como se muestra en la captura de pantalla siguiente:

    Agregar código al formulario

Ejecutar la aplicación

  1. Elija el botón Iniciar para ejecutar la aplicación.

    Elegir Iniciar para depurar y ejecutar la aplicación

    Ocurrirán varias cosas. En el IDE de Visual Studio, se abrirá la ventana Herramientas de diagnóstico y, también, una ventana Salida. Pero fuera del IDE se abre un cuadro de diálogo Form1. En él verá el botón Click this y el texto Label1.

  2. Elija el botón Click this en el cuadro de diálogo Form1. Observe cómo el texto Label1 cambia a Hello World! .

    Cuadro de diálogo Form1 con el texto Label1

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

Pasos siguientes

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

Vea también