Compartir vía


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

En este tutorial, creará una aplicación sencilla de C# que tiene una interfaz de usuario (UI) basada en Windows. La aplicación tiene un botón que cambia el texto de una etiqueta. Esta sencilla aplicación tiene todos los componentes usados para programas de Windows Forms más complicados.

  • Creación de un proyecto de C# en Visual Studio
  • Creación de una aplicación
  • Ejecución de la aplicación

Prerrequisitos

Creación de un proyecto

En primer lugar, cree un proyecto de aplicación de C#. El tipo de proyecto incluye todos los archivos de plantilla que necesita para crear la aplicación.

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

    Captura de pantalla que muestra la ventana Crear un nuevo proyecto.

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

    Captura de pantalla que muestra la aplicación de Windows Forms (.NET Framework) para C#.

    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, elija de C# en la lista de idiomas y, a continuación, elija Windows en la lista de plataformas.

  3. En Configura el nuevo proyecto, para Nombre del proyecto, escriba HelloWorld y seleccione Crear.

    Captura de pantalla que muestra la ventana Configurar el nuevo proyecto, donde se asigna el nombre HelloWorld al proyecto.

    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 opción Crear un nuevo proyecto.

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

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

    Captura de pantalla que muestra la plantilla de C# para la aplicación de Windows Forms (.NET Framework).

  3. En la ventana Configurar el nuevo proyecto, en Nombre del proyecto, escriba HelloWorldy seleccione Crear.

    Captura de pantalla que muestra la ventana Configurar el nuevo proyecto para el proyecto denominado HelloWorld.

    Visual Studio abre el nuevo proyecto.

Creación de la aplicación

Después de seleccionar la plantilla de proyecto de C# y asignarle el nombre, Visual Studio abre un formulario automáticamente. Un formulario es una interfaz de usuario de Windows. Cree una aplicación Hola mundo agregando controles al formulario. A continuación, ejecute la aplicación.

Agregar un botón al formulario

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

    Captura de pantalla que muestra la opción Cuadro de herramientas para abrir la ventana Cuadro de herramientas.

    Si no ve la opción Cuadro de herramientas, puede abrirla desde la barra de menús. Seleccione Ver>Cuadro de herramientas o Ctrl+Alt+X.

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

    Captura de pantalla que muestra el icono de Anclar, que fija el cuadro de herramientas al IDE.

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

    Captura de pantalla que muestra el formulario con un botón.

  4. En la ventana Propiedades, busque Text, cambie el nombre de 'Button1' por Click this, y luego seleccione Presione.

    Captura de pantalla en la que se muestra dónde cambiar el texto del botón del formulario.

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

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

    Captura de pantalla que muestra el nuevo nombre del botón.

    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

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 Label del Cuadro de herramientas. A continuación, arrástrelo al formulario y colóquelo debajo del Haga clic en este botón.

  2. En la sección Diseño o en la sección (DataBindings) de la ventana Propiedades, cambie el nombre de Label1 por lblHelloWorld. A continuación, seleccione Escriba.

Agregar código al formulario

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

    Como alternativa, puede expandir Form1.cs en el Explorador de Soluciones y, a continuación, elegir Ver código o seleccionar F7 en el menú contextual de Form1.cs.

  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 que muestra la ventana de código donde se agrega código al formulario.

Después de seleccionar la plantilla de proyecto de C# y asignarle el nombre, Visual Studio abre un formulario automáticamente. Un formulario es una interfaz de usuario de Windows. Cree una aplicación Hola mundo agregando controles al formulario. A continuación, ejecute la aplicación.

Agregar un botón al formulario

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

    Captura de pantalla que muestra cómo seleccionar el Cuadro de herramientas para abrir la ventana Cuadro de herramientas.

    Si no ves la opción cuadro de herramientas, puedes abrirlo desde la barra de menús. Seleccione Ver>Cuadro de herramientas o Ctrl+Alt+X.

  2. Expanda Controles comunes y seleccione el icono Anclar para acoplar la ventana Cuadro de herramientas.

    Recorte de pantalla que muestra el icono Anclar para anclar la ventana Cuadro de herramientas al IDE.

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

    Captura de pantalla que muestra el formulario con un botón recién agregado.

  4. En la ventana Propiedades, busque Text. Cambie el nombre de button1 a Click this y, a continuación, seleccione Entrar.

    Captura de pantalla que muestra el campo Texto en la ventana Propiedades.

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

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

    Captura de pantalla que muestra el nuevo nombre del botón.

    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

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 Label del Cuadro de herramientas. A continuación, arrástrelo al formulario y colóquelo debajo del Haga clic en este botón.

  2. En la sección Diseño o en la sección (DataBindings) de la ventana Propiedades, cambie el nombre de label1 por lblHelloWorld. A continuación, seleccione Escriba.

Agregar código al formulario

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

    Como alternativa, puede expandir Form1.cs en Explorador de Solucionesy 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 que muestra dónde agregar código al formulario.

Ejecución de la aplicación

  1. Seleccione el botón de inicio para ejecutar la aplicación.

    Captura de pantalla que muestra el botón Iniciar para depurar y ejecutar la aplicación.

    Suceden varias cosas. En el IDE de Visual Studio, se abren las ventanas Herramientas de diagnóstico y Salida también. Pero 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. Elija el botón Click this en el cuadro de diálogo Form1. Tenga en cuenta que el texto de Label1 cambia a Hola mundo..

    Captura de pantalla que muestra tu aplicación, que es un 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.

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

    Captura de pantalla que muestra el botón Iniciar para depurar y ejecutar la aplicación.

    Suceden varias cosas. En el IDE de Visual Studio, se abren las ventanas Herramientas de diagnóstico y Salida también. Pero fuera del IDE, aparece un cuadro de diálogo Form1. Incluye el botón Clic aquí y texto que dice 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 que muestra el cuadro de diálogo Form1 que incluye el botón y una etiqueta.

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

Enhorabuena por completar este tutorial. Para más información, continúe con el siguiente tutorial:

También puede probar estos otros tutoriales: