Crear una aplicación de formularios Windows Forms mediante .NET Framework (C++)

  • Artículo

El desarrollo de un proyecto de Windows Forms con Visual C++ generalmente es igual que con cualquier otro lenguaje .NET, como Visual Basic o Visual 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, consulte Extensiones de componentes para plataformas de tiempo de ejecución.

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 finalizada, un usuario puede elegir una fecha, y ésta se muestra en una etiqueta de texto.

Requisitos previos

En este tema, se da por supuesto que conoce los fundamentos del lenguaje C++.

vínculo a vídeo Para obtener una versión en vídeo de este tema, vea Video How to: Creating a Windows Forms Application By Using the .NET Framework (C++).

Nota

Es posible que su equipo muestre nombres o ubicaciones diferentes para algunos de los elementos de la interfaz de usuario de Visual Studio en las siguientes instrucciones. La edición de Visual Studio que se tenga y la configuración que se utilice determinan estos elementos. Para obtener más información, vea Valores de configuración de Visual Studio.

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++ y, 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. El Diseñador de Windows Forms se abre y muestra la ventana Form1 del proyecto creado, tal como se indica a continuación:

    Formulario creado recientemente

Para agregar controles a un formulario

  1. Si no puede ver la ventana Cuadro de herramientas, abra el menú Ver y haga clic en Cuadro de herramientas.

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

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

    2. Arrastre un control DateTimePicker justo debajo del control Label.

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

    Su formulario debería ser similar a éste:

    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, abra el menú Ver y haga clic en Ventana Propiedades (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 una fecha:.

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

    Aceptar.

    El formulario debería ser similar a éste:

    Formulario con etiquetas cambiadas

Escribir código de control de eventos

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

Para escribir código para controlar los eventos

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

    Esta acción genera un método vacío de control de eventos en la vista de código del formulario que aparece en una página con fichas en el área de edición.

    Nota

    También se agrega una línea de código a la función InitializeComponent que crea el controlador de eventos y lo asigna al campo Click asociado con el control.Si hace doble clic en el control en la Vista de diseño para agregar el código pertinente y posteriormente decide quitarlo, elimine ambas incorporaciones (no solo el controlador de eventos vacío).

  2. Desplace el cursor después de la llave de apertura del método button1_Click, presione Entrar y escriba el siguiente código que se ejecutará cuando ocurra dicho evento:

    Application::Exit();

  3. 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.

  4. Haga clic en el control DateTimePicker.

  5. 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.

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

    Nota

    ValueChanged es el evento predeterminado para el control DateTimePicker.Por consiguiente, también podría hacer doble clic en el control DateTimePicker para generar un controlador de eventos vacío.

  7. Desplace el cursor después de la llave de apertura del método dateTimePicker1_ValueChanged, presione Entrar y, a continuación, escriba el siguiente código que se ejecutará 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.

Para compilar y ejecutar el programa

  1. En el menú Compilar, haga clic en Compilar 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 presenta ese error en el código fuente.

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

  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, tal como se indica a continuación:

    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. Puede experimentar con total libertad.

Pasos siguientes

Anterior: Crear aplicaciones basadas en Win32 (C++) | Siguiente: Crear un control de formularios Windows Forms (C++)

Vea también

Tareas

Paseo guiado por Visual C++

Referencia

System.Windows.Forms

Otros recursos

Desarrollar aplicaciones cliente

Windows Applications Overview