Controles comunes de WPF

Artículo
10/07/2008

Actualización: noviembre 2007

Windows Presentation Foundation (WPF) permite crear interfaces de usuario visualmente mejoradas para sus aplicaciones. Se han mejorado incluso en las aplicaciones de WPF los controles típicos que estamos acostumbrados a ver en una aplicación de formularios Windows Forms estándar. Los controles de WPF estándar se parecen a aquéllos que encontrará en el Cuadro de herramientas para formularios Windows Forms. Los controles de WPF forman parte del espacio de nombres System.Windows.Controls en lugar del espacio de nombres System.Windows.Forms. Los controles de WPF también se pueden crear utilizando marcado XAML. Para obtener más información, vea Diseñar una interfaz de usuario para una aplicación de WPF.

Al arrastrar los controles de WPF desde el Cuadro de herramientas hasta la superficie de diseño, los controles son similares a los de una aplicación de formularios Windows Forms. Sin embargo, los controles de WPF se pueden personalizar. Los controles en los estilos y las plantillas de compatibilidad de WPF permiten crear aplicaciones visualmente atractivas. Para modificar el aspecto de un control, agregue estilos y atributos al control en el editor XAML. Dado que escribir manualmente el marcado XAML es difícil, podría considerar el uso de una aplicación que genere XAML automáticamente, tal como Expression Blend. Para obtener más información, vea Colaboración con Expression Blend.

Procedimiento

Para agregar un control a la ventana de WPF

En el menú Archivo, haga clic en Nuevo proyecto.
En el cuadro de diálogo Nuevo proyecto, en el panel Plantillas, haga clic en Aplicación WPF.
En el cuadro Nombre, escriba WPFControls y, a continuación, haga clic en Aceptar.
Se crea un nuevo proyecto de Windows Presentation Foundation.
En el Cuadro de herramientas, arrastre un control TextBox al lado derecho superior de la ventana de WPF.
Haga clic en el cuadro de texto.
Establezca las siguientes propiedades para el cuadro de texto en la ventana Propiedades.

Propiedad

Valor

VerticalAlignment

Top

Width

75

Height

26
Agregue un control Button a la ventana de WPF, al lado del cuadro de texto.
Cambie el texto entre las etiquetas de apertura y cierre de Button en el editor XAML de Button a Add, como se muestra en el ejemplo siguiente.
```
<Button Height="23" HorizontalAlignment="Right" Margin="0,59,35,0" 
    Name="Button1" VerticalAlignment="Top" 
    Width="75">Add</Button>
```
El texto del botón cambia después de escribir el nuevo valor.
Agregue un control ListBox a la ventana de WPF debajo del cuadro de texto.
Haga doble clic en el botón para agregar el controlador de eventos predeterminado y agregue el código siguiente:
```
if (textBox1.Text != "")
{
    listBox1.Items.Add(textBox1.Text);
    textBox1.Text = "";
}
```
Presione F5 para ejecutar el programa. Aparece una ventana con el cuadro de texto, el cuadro de lista y el botón que acaba de agregar.
Escriba un texto cualquiera en el cuadro de texto y, a continuación, haga clic en el botón Agregar. Compruebe que el texto se haya agregado al cuadro de lista.
Agregue texto adicional al cuadro de lista.

Propiedad	Valor
VerticalAlignment	Top
Width	75
Height	26

Controles de WPF estándar

En la tabla siguiente se muestran los controles de WPF más comunes, que se encuentran en la ficha Controles comunes del Cuadro de herramientas.

Nombre del control	Descripción
System.Windows.Controls.Border	Muestra un borde alrededor del contenido.
System.Windows.Controls.Button	Permite a un usuario realizar una acción haciendo clic en un botón. El evento Buttonbase.Click se produce cuando se hace clic en un control Button.
System.Windows.Controls.CheckBox	Permite a un usuario activar y desactivar una casilla para indicar un valor Sí/No o Verdadero/Falso.
System.Windows.Controls.ComboBox	Permite a un usuario seleccionar un elemento de una lista desplegable. La lista aparece cuando un usuario hace clic en una flecha desplegable.
System.Windows.Controls.Grid	Define un área de cuadrícula flexible que consta de columnas y filas.
System.Windows.Controls.Image	Muestra una imagen.
System.Windows.Controls.Label	Muestra texto en un formulario. Proporciona compatibilidad para las teclas de acceso.
System.Windows.Controls.ListBox	Permite a un usuario seleccionar un elemento de una lista.
System.Windows.Controls.RadioButton	Permite a un usuario elegir entre elementos mutuamente excluyentes. La selección de un botón de opción es mutuamente excluyente con cualquier otro botón de opción en el mismo contenedor.
System.Windows.Controls.StackPanel	Permite apilar vertical u horizontalmente los controles secundarios.
System.Windows.Control.TabControl	Permite organizar el contenido visual en forma de tabla.
System.Windows.Controls.TextBox	Muestra texto sin formato y permite a los usuarios escribir texto.

Entre los controles adicionales disponibles en el Cuadro de herramientas se incluyen los siguientes:

Controles contenedores, como System.Windows.Controls.Canvas, System.Windows.Controls.DockPanel y System.Windows.Controls.Frame. Para obtener más información, vea Información general sobre controles contenedor de WPF.
Menús y barras de herramientas, como System.Windows.Controls.Menu, System.Windows.Controls.ToolBar y System.Windows.Controls.Primitives.StatusBar.
Controles de documento, como System.Windows.Controls.DocumentViewer y System.Windows.Controls.FlowDocumentPageViewer.

Vea también

Tareas

Diseñar una interfaz de usuario para una aplicación de WPF

Cómo: Crear un nuevo proyecto de aplicación de WPF

Cómo: Crear controladores de eventos para los controles de WPF

Compartir a través de