Compartir a través de


Diseñar una interfaz de usuario (Visual C#)

Actualización: noviembre 2007

En Visual C#, puede utilizar el Diseñador de Windows Forms o el Diseñador de Windows Presentation Foundation (WPF) para crear interfaces de usuario de forma rápida y cómoda. Para obtener información que le ayude a decidir qué tipo de aplicación puede generar, vea Información general de aplicaciones basadas en Windows. Los tres pasos básicos para crear interfaces de usuario son:

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

Nota:

También puede utilizar Visual C# para crear aplicaciones de consola que tengan una interfaz de usuario basada en texto simple. Para obtener más información, vea Crear aplicaciones de consola (Visual C#).

Agregar controles

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

A medida que se trabaja visualmente, el Diseñador de Windows Forms 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. De igual forma, WPF Designer traduce las acciones de la superficie de diseño a código de lenguaje de marcado de aplicaciones extensible (XAML) y lo escribe en un archivo de proyecto que se denomina Window.xaml. Cuando se ejecuta la aplicación, ese código fuente (Windows Forms) o código XAML (WPF) ajustará la posición y el tamaño de los elementos de la interfaz de usuario de modo que aparezcan como en la superficie de diseño. Para obtener más información, vea Diseñador de Windows Forms o Windows Presentation Foundation en Visual Studio.

Establecer propiedades

Después de agregar un control a la superficie de diseño, puede utilizar la ventana Propiedades para establecer sus propiedades, como son el color de fondo y el texto predeterminado.

En el Diseñador de Windows Forms, 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 el Diseñador de WPF, los valores que especifique en la ventana Propiedades se almacenan como atributos en el archivo XAML de la ventana.

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. Estos programas esperan a 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 un cuadro de 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. El icono siguiente muestra el botón de eventos.

Al agregar un controlador de evento desde la ventana Propiedades, el diseñador escribe automáticamente el cuerpo del método vacío. Deberá escribir el código de manera que el método haga algo útil. La mayoría de los controles generan muchos eventos, pero normalmente una aplicación sólo tendrá que tratar algunos de ellos o incluso sólo uno. Por ejemplo, probablemente tenga que controlar el evento Click de un botón, pero no su evento SizeChanged, a menos que desee realizar una acción cuando cambie el tamaño del botón.

Pasos siguientes

Para obtener más información sobre cómo generar interfaces de usuario de formularios Windows Forms o Windows Presentation Foundation, vea los temas siguientes:

En la biblioteca de clases de .NET Framework, el espacio de nombres System.Windows.Forms contiene las clases que se usan en aplicaciones de formularios Windows Forms, mientras que el espacio de nombres System.Windows.Controls contiene las clases que se usan en aplicaciones de WPF.

Vea también

Otros recursos

Visual C#

Utilizar el entorno IDE de Visual C#