Diseñar una interfaz de usuario en Visual C#

Artículo
10/07/2008

Actualización: noviembre 2007

En Visual C#, la forma más rápida y cómoda de crear una interfaz de usuario (UI) de una aplicación para Windows consiste en utilizar el Diseñador de Windows Forms y el Cuadro de herramientas.

Nota:
En este artículo sólo se analiza la tecnología Windows Forms. También puede utilizar Visual C# para crear una aplicación Windows Presentation Foundation (WPF). Para obtener más información, vea Introducción a Windows Presentation Foundation y Cómo: Crear un nuevo proyecto de aplicación de WPF. También puede utilizar Visual C# para crear aplicaciones de consola (similares a programas para MS-DOS) que tengan una interfaz de usuario basada en texto simple. Para obtener más información, vea Cómo: Crear una aplicación de consola de C#.

En este artículo sólo se analiza la tecnología Windows Forms. También puede utilizar Visual C# para crear una aplicación Windows Presentation Foundation (WPF). Para obtener más información, vea Introducción a Windows Presentation Foundation y Cómo: Crear un nuevo proyecto de aplicación de WPF.

También puede utilizar Visual C# para crear aplicaciones de consola (similares a programas para MS-DOS) que tengan una interfaz de usuario basada en texto simple. Para obtener más información, vea Cómo: Crear una aplicación de consola de C#.

Hay tres pasos básicos para crear interfaces de usuario para las aplicaciones de formularios Windows Forms:

Agregar los controles a la superficie de diseño.
Establecer las propiedades iniciales de los controles.
Escribir los controladores para los eventos especificados.

Aunque también puede escribir su propio código para crear la interfaz de usuario, los diseñadores permiten hacer este trabajo mucho más rápidamente de lo que es posible mediante codificación manual.

Agregar controles

En el diseñador, se utiliza el mouse para arrastrar controles, como botones y cuadros de texto, hasta una superficie de diseño que representa el formulario. La siguiente ilustración muestra un cuadro combinado que se ha arrastrado desde la ventana Cuadro de herramientas hasta un formulario en el Diseñador de Windows Forms.

A medida que se trabaja visualmente, el diseñador traduce las acciones en código fuente de C# y las escribe en un archivo de proyecto llamado <nombre>.designer.cs donde <nombre> es el nombre asignado al formulario. Cuando se ejecuta la aplicación, el código fuente ajusta la posición y el tamaño de los elementos de la interfaz de usuario para que aparezcan como en la superficie de diseño. Para obtener más información, vea Diseñador de Windows Forms.

Establecer propiedades

Después de agregar un control al formulario, puede utilizar la ventana Propiedades para establecer sus propiedades, como el color de fondo y el texto predeterminado. Los valores que especifique en la ventana Propiedades son los valores iniciales que se asignarán a la propiedad cuando se cree el control en tiempo de ejecución. En muchos casos, se puede tener acceso a estos valores o modificarlos mediante programación en tiempo de ejecución; para ello, basta con obtener o establecer desde la aplicación la propiedad para la instancia de la clase del control. La ventana Propiedades resulta útil en tiempo de diseño porque permite examinar todas las propiedades, eventos y métodos que admite un control. Para obtener más información, vea Propiedades (Ventana).

Controlar eventos

Los programas con interfaces de usuario gráficas son principalmente controlados por eventos. Esperan hasta que un usuario haga algo, como escribir texto en un cuadro de texto, hacer clic en un botón o cambiar la selección de una lista. Cuando esto sucede, el control, que es simplemente una instancia de una clase de .NET Framework, envía un evento a la aplicación. Tiene la opción de controlar un evento escribiendo un método especial en la aplicación al que se llamará cuando se reciba el evento.

Puede utilizar la ventana Propiedades para especificar qué eventos desea tratar en el código. Seleccione un control en el diseñador y haga clic con el icono Rayo en el botón Eventos de la barra de herramientas de la ventana Propiedades para ver los eventos del control. En el diagrama siguiente se muestra el botón de eventos.

Cuando agregue un controlador de eventos a través de la ventana Propiedades, el diseñador escribirá automáticamente el cuerpo del método vacío, y usted deberá escribir el código para que el método lleve a cabo la acción deseada. La mayoría de los controles generan muchos eventos; sin embargo, la mayor parte del tiempo, una aplicación sólo tendrá que tratar algunos de ellos o incluso sólo uno. Por ejemplo, probablemente tenga que tratar el evento Click de un botón, pero no su evento Paint, a menos que desee personalizar su aspecto de forma avanzada. Cada control tiene un controlador de eventos predeterminado. Puede crear el controlador de eventos predeterminado haciendo doble clic sobre el control en el diseñador. Esto crea el controlador de eventos y abre el Editor de código para que pueda escribir el código que realizará el tratamiento del evento.

Pasos siguientes

Para obtener más información sobre las interfaces de usuario de Windows Forms, vea los temas siguientes:

En la biblioteca de clases de .NET Framework, System.Windows.Forms y los espacios de nombres relacionados contienen las clases utilizadas para el desarrollo con Windows Forms.