Desarrollo con Windows Forms en C#: Tutorial Práctico Paso a Paso

Desarrollo con Windows Forms en C#: Tutorial Práctico Paso a Paso

Tras dominar aplicaciones de consola, el siguiente paso lógico es crear experiencias de escritorio ricas usando Windows Forms de Visual Studio. Esta guía le lleva por cada etapa—desde configuración del proyecto hasta añadir controles, cablear eventos e incluso incorporar componentes avanzados como TreeView y PictureBox.

Conceptos Básicos de Windows Forms

Una aplicación Windows Forms se ejecuta nativamente en una máquina de escritorio. Comprende un diseño visual y un conjunto de controles (etiquetas, cuadros de texto, listas, etc.) con los que el usuario interactúa.

A continuación un formulario de login simple creado en C#:

Elementos clave en el ejemplo:

1. Controles Label que describen cuadros de texto adyacentes.
2. Cuadros de texto para entrada de usuario y contraseña.
3. Un botón que dispara lógica de autenticación.

C# Hola Mundo

Creemos un básico "Hola Mundo" en Windows Forms para entender el flujo de trabajo de Visual Studio.

1. Abra Visual Studio y seleccione File > New > Project.

   

2. Elija la categoría Windows y seleccione Windows Forms App (.NET Framework). Nombre el proyecto DemoApplication y haga clic en OK.

   

3. El Explorador de Soluciones mostrará dos archivos:
   • Form1.cs – el formulario visual.
   • Program.cs – punto de entrada de la aplicación.
4. Añada un Label desde el Cuadro de Herramientas, arrástrelo al formulario y establezca su propiedad Text a Hola Mundo.

   

5. Ejecute la aplicación – el formulario muestra "Hola Mundo".

   

Añadiendo Controles a un Formulario

A continuación una guía paso a paso para ensamblar un formulario de información de usuario que capture nombre, dirección, ciudad, género y preferencias de curso.

GroupBox – Sección Lógica

Arrastre un GroupBox al formulario y renombre su propiedad Text a Detalles de Usuario.

Label

Coloque dos labels dentro del GroupBox: "Nombre" y "Dirección".

TextBox

Añada dos cuadros de texto, nómbrlos txtName y txtAddress.

ListBox – Selección de Ciudad

Inserte un ListBox llamado lstCity y pueblelo con "Mumbai", "Bangalore" e "Hyderabad".

RadioButton – Género

Coloque dos controles RadioButton: rdMale (Texto: Masculino) y rdFemale (Texto: Femenino).

CheckBox – Preferencia de Curso

Añada dos controles CheckBox: chkC (Texto: C#) y chkASP (Texto: ASP.NET).

Button – Enviar

Coloque un Button llamado btnSubmit con Text establecido en "Enviar".

Manejo de Eventos para Controles

Los eventos se disparan en respuesta a acciones del usuario. A continuación dos escenarios comunes.

ListBox Selection Changed

Haga doble clic en el control lstCity para generar un manejador de eventos. Añada el siguiente código:

private void lstCity_SelectedIndexChanged(object sender, EventArgs e) { var selected = lstCity.SelectedItem?.ToString(); if (!string.IsNullOrEmpty(selected)) MessageBox.Show($"Ha seleccionado: {selected}"); }

Ejecutar la app mostrará un cuadro de mensaje cada vez que se elija una ciudad.

Button Click – Enviar

Haga doble clic en btnSubmit para crear su manejador e inserte:

private void btnSubmit_Click(object sender, EventArgs e) { var name = txtName.Text; var address = txtAddress.Text; MessageBox.Show($"Nombre: {name}\nDirección: {address}"); }

Al hacer clic en "Enviar", se muestran los detalles ingresados.

Controles TreeView y PictureBox

TreeView – Datos Jerárquicos

Arrastre un TreeView al formulario. Use la propiedad Nodes para añadir un nodo raíz etiquetado "Raíz", luego añada nodos hijos "Label", "Button" y "CheckBox".

PictureBox – Mostrar Imágenes

Inserte un PictureBox, establezca su SizeMode a Zoom y asigne una imagen vía la propiedad Image.

Resumen

• Windows Forms permite aplicaciones de escritorio que se ejecutan directamente en la máquina del usuario.
• Controles como labels, cuadros de texto, list boxes, radio buttons y checkboxes se añaden desde el Cuadro de Herramientas.
• Componentes avanzados como TreeView y PictureBox extienden capacidades de UI.
• Los manejadores de eventos responden a interacciones del usuario, siendo clics de botón y selecciones de lista los más comunes.