Esta documentación está archivada y no tiene mantenimiento.

Cómo: Crear una aplicación de Windows Forms

En el entorno de desarrollo .NET, una aplicación GUI de Windows se denomina una aplicación de Windows Forms (o Winforms). Desarrollar un proyecto de formularios Windows Forms con Visual C++ generalmente es igual que con cualquier otro lenguaje .NET, como Visual Basic.NET o C#.

Las aplicaciones de Windows Forms en Visual C++ utilizan las clases de .NET Framework y otras características .NET con la nueva sintaxis de Visual C++. Para obtener más información, vea New C++ Language Features.

En este procedimiento, se va a crear una aplicación de Windows Forms utilizando varios controles estándar del Cuadro de herramientas. En la aplicación acabada, un usuario puede seleccionar una fecha, y una etiqueta de texto muestra qué fecha se eligió.

Para crear un nuevo proyecto de formularios Windows Forms

  1. En el menú Archivo, haga clic en Nuevo y, a continuación, haga clic en Proyecto….

  2. En el panel Tipos de proyecto, seleccione CLR en el nodo Visual C++, a continuación, elija Aplicación de Windows Forms en el panel Plantillas.

    Escriba un nombre para el proyecto, por ejemplo winformsapp. Puede aceptar la ubicación predeterminada, escribir una ubicación o buscar un directorio donde desee guardar el proyecto.

  3. Se abrirá el Diseñador de Windows Forms, que mostrará el formulario Form1 del proyecto creado.

    Formulario creado recientemente

Para agregar controles a un formulario

  1. Si la ventana Cuadro de herramientas no está visible, haga clic en Cuadro de herramientas en el menú Ver.

  2. Coloque tres controles del Cuadro de herramientas en la superficie de diseño Form1:

    • Arrastre un control Label cerca de la esquina superior izquierda de Form1.

    • Arrastre un control DateTimePicker justo debajo del control Label.

    • Arrastre un control Button hacia la parte inferior del formulario cerca del centro.

    El formulario debería tener la siguiente apariencia:

    Formulario con Label, DateTimePicker y Button

Para establecer propiedades de formularios y controles

  1. Seleccione el formulario haciendo clic en un área vacía de su superficie.

  2. Si la ventana Propiedades no está visible, haga clic en Propiedades en el menú Ver (o presione F4).

    Puede cerrar el Cuadro de herramientas si desea tener más espacio.

  3. Establezca la propiedad Text del formulario (que se muestra en la barra de título del formulario) haciendo clic a la derecha de la propiedad Text en la Ventana Propiedades y escribiendo:

    Selector de fechas

  4. Seleccione la etiqueta haciendo clic en ella y establezca su propiedad Text en:

    Elija un día:

  5. Seleccione el botón haciendo clic en él y establezca su propiedad Text en:

    Aceptar

    El formulario debe tener una apariencia similar a la siguiente:

    Formulario con etiquetas cambiadas

Escribir código de controlador de eventos

En esta sección, va a escribir código que se ejecutará cuando ocurran estos eventos:

  • Un evento Click en el control Button

  • Un evento ValueChanged en el control DateTimePicker

Para escribir código para controlar los eventos

  1. Haga doble clic en el botón para agregar un controlador de eventos de clic de botón (el evento predeterminado para un botón es un evento Click).

  2. Se generará un método controlador de eventos vacío en la vista de código del formulario que se muestra en una página con fichas en el área de edición.

  3. Presione Entrar después de la llave de apertura del método button1_Click y escriba el código que desea que se ejecute cuando ocurra dicho evento:

    Application::Exit();

    IntelliSense™ muestra una lista de posibles opciones válidas después de escribir el operador de resolución de ámbito (::). Puede seleccionar una opción de la lista y presionar el Tabulador, hacer doble clic en ella o seguir escribiendo.

  4. Vuelva a la vista Diseño haciendo clic en la ficha Form1.h [Diseño] en el área de edición o en el menú Ver, y haga clic en Diseñador.

  5. Seleccione el control DateTimePicker haciendo clic en él.

  6. Para agregar un controlador de eventos ValueChanged para el control DateTimePicker, haga clic en el icono del rayo en la ventana Propiedades para mostrar los eventos de dicho control.

  7. Haga doble clic en el evento ValueChanged para abrir y generar un controlador de eventos vacío en la vista Código.

    NoteNota

    ValueChanged es el evento predeterminado del control DateTimePicker, por lo que también puede hacer doble clic en el control DateTimePicker para generar un controlador de eventos vacío.

  8. Presione Entrar después de la llave de apertura del método dateTimePicker1_ValueChanged y escriba el código que desea que se ejecute cuando ocurra dicho evento:

    label1->Text=String::Format("New date: {0}", dateTimePicker1->Text);

    Cuando un usuario de la aplicación selecciona una nueva fecha, la propiedad Text de la etiqueta se establece en la cadena literal New date: con la propiedad Text de DateTimePicker anexada a dicha cadena.

    Visual Studio proporciona varias características que simplifican la escritura del código:

    • Cuando se escribe a un operador de flecha (->), IntelliSense muestra opciones válidas que puede seleccionar en la lista.

    • Cuando se escribe un paréntesis de apertura para un método, una ventana de información sobre herramientas muestra los argumentos válidos para cada sobrecarga de dicho método. Para ver las diferentes sobrecargas, utilice las teclas de dirección ARRIBA o ABAJO.

    • La finalización automática puede terminar de escribir un nombre de variable o un miembro a partir de lo que ha escrito. Por ejemplo, si escribe String::Fo y presiona Ctrl-Barra espaciadora o Tabulador, Visual Studio terminará de escribir String::Format.

Para generar y ejecutar el programa

  1. En el menú Generar, haga clic en Generar solución.

    Si hay algún error, haga clic en el botón Ir al mensaje siguiente en la ventana Resultados. El texto del mensaje de error aparece en la barra de estado. Puede hacer doble clic en cualquier error para ir directamente a la línea que tiene ese error en el código fuente.

  2. En el menú Depurar, haga clic en Ejecutar sin depuración. Se mostrará la aplicación generada.

  3. Pruebe la aplicación haciendo clic en la flecha abajo en DateTimePicker y seleccionando una fecha. El texto de la etiqueta cambiará para mostrar la fecha seleccionada.

    Formulario después de haber seleccionado la fecha desde DateTimePicker
  4. Puede agregar más características a esta aplicación, por ejemplo menús, otros formularios y archivos de ayuda. Experimente.

Vea también

Mostrar: