Usar controles comunes de WPF

Actualización: noviembre 2007

En esta lección, obtendrá información sobre algunos de los controles de Windows Presentation Foundation (WPF) comunes que están disponibles en el Cuadro de herramientas al crear un proyecto de aplicación de WPF.

WPF permite crear interfaces de usuario visualmente mejoradas para sus aplicaciones. En las aplicaciones de WPF, se han mejorado incluso los controles típicos que estamos acostumbrados a ver en las aplicaciones de formularios Windows Forms estándar.

La manera más fácil de agregar controles de WPF a una aplicación es arrastrarlos del Cuadro de herramientas a la superficie de diseño. En su estado predeterminado, los controles son muy similares a los de las aplicaciones de formularios Windows Forms. Los controles de WPF admiten estilos y plantillas que permiten crear aplicaciones visualmente atractivas. Para modificar la apariencia de un control, puede cambiar sus propiedades en la ventana Propiedades. También puede modificar su apariencia agregándole estilos y atributos en el editor de XAML. Escribir XAML sin ayuda puede ser difícil, por lo que tal vez puede ser conveniente usar una aplicación que lo genere automáticamente, como Expression Blend. Para obtener más información, vea Colaboración con Expression Blend.

¡Inténtelo!

Para agregar un control a la ventana de WPF

1. En el menú Archivo, haga clic en Nuevo proyecto.

2. En el cuadro de diálogo Nuevo proyecto, en el panel Plantillas, haga clic en Aplicación WPF.

3. En el cuadro Nombre, escriba WPFControls y, a continuación, haga clic en Aceptar.

4. Se crea un nuevo proyecto de Windows Presentation Foundation.

5. En el Cuadro de herramientas, arrastre un control TextBox al lado derecho superior de la ventana de WPF.

6. Seleccione el control TextBox.

7. Establezca las siguientes propiedades para el cuadro de texto en la ventana Propiedades.

   Propiedad	Valor
   VerticalAlignment	Superior
   Width	75
   Height	26

8. Agregue un control Button a la ventana de WPF, al lado del cuadro de texto.

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

10. Agregue un control ListBox a la ventana de WPF, debajo del cuadro de texto.

11. Haga doble clic en el botón para especificar el controlador de eventos predeterminado y agregue el código siguiente:

    If TextBox1.Text IsNot "" Then
        ListBox1.Items.Add(TextBox1.Text)
        TextBox1.Text = ""
    End If
    

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

13. 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 agrega al cuadro de lista.

14. Agregue texto adicional al cuadro de lista.

Controles de WPF

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 seleccionar 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 el 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 con 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 el texto sin formato y permite a los usuarios escribir texto.

Los controles adicionales disponibles en el Cuadro de herramientas incluyen lo siguiente:

• Controles contenedor, como Canvas, DockPanel y Frame.

• Menús y barras de herramientas, como Menu, ToolBar y StatusBar.

• Controles de documento, como DocumentViewer y FlowDocumentPageViewer.

• Y más…

Pasos siguientes

En esta lección, obtuvo información sobre los controles de WPF comunes que están disponibles en el Cuadro de herramientas. También aprendió que estos controles se pueden personalizar para que sean más atractivos visualmente.

En la siguiente lección, aprenderá a crear controladores de eventos para un control de WPF.

Próxima lección: Crear controladores de eventos para los controles de WPF

Vea también

Tareas

Diseñar una interfaz de usuario para una aplicación de WPF (Visual Basic)

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

Cómo: Establecer los márgenes de un control en WPF Designer

Conceptos

Información general sobre WPF Designer

Otros recursos

Crear la apariencia visual de un programa: introducción a Windows Presentation Foundation

Trabajar con controles en WPF Designer