TabControl

TabControl muestra contenido en páginas discretas a las que accede seleccionando la pestaña correspondiente. TabControl actúa como un contenedor que administra una colección de TabItem objetos. Cada TabItem representa el encabezado de pestaña en el que se puede hacer clic y su página de contenido asociada.

TabControl con tres pestañas que muestran la pestaña central seleccionada y mostrando su contenido

Conceptos clave

Los controles TabControl y TabItem funcionan juntos para crear una interfaz con pestañas:

  • TabControl: actúa como el contenedor que administra la selección de pestañas, el diseño y la presentación. Controla las interacciones del usuario como hacer clic en pestañas y muestra el contenido de la pestaña seleccionada actualmente.
  • TabItem: representa una pestaña individual dentro de TabControl. Cada TabItem contiene un encabezado (el texto o el contenido de la pestaña visible) y el contenido (lo que se muestra al seleccionar la pestaña).
  • Relación: la colección de Items TabControl contiene objetos TabItem. Al seleccionar un tabItem, tabControl muestra el contenido del elemento y actualiza el estado visual para mostrar qué pestaña está activa.

Para obtener información detallada sobre las pestañas individuales, vea TabItem.

Estilos y plantillas

En esta sección se describen los estilos y plantillas del TabControl control . Puede modificar el valor predeterminado ControlTemplate para dar al control una apariencia única. Para obtener más información, consulte Información general sobre estilos y plantillas y Creación de una plantilla para un control.

Propiedad de contenido

TabControl utiliza la Items propiedad como su propiedad de contenido. Esta propiedad contiene la colección de TabItem objetos que representan las pestañas individuales y su contenido asociado. Al agregar objetos TabItem a esta colección, aparecen como pestañas seleccionables en la interfaz TabControl.

Partes

En la tabla siguiente se enumeran las partes con nombre para el TabControl control .

Parte Tipo Description
Componente_ServidorContenidoSeleccionado ContentPresenter El objeto que muestra el contenido del TabItem actualmente seleccionado.

Cuando se crea un ControlTemplate para un TabControl, la plantilla podría contener un ItemsPresenter dentro de un ScrollViewer. ItemsPresenter(muestra cada elemento de TabControl; el ScrollViewer habilita el desplazamiento dentro del control ). Si ItemsPresenter no es un hijo directo de ScrollViewer, debe darle al ItemsPresenter el nombre ItemsPresenter.

Estados visuales

En la tabla siguiente se enumeran los estados visuales del TabControl control.

Nombre de VisualState Nombre de VisualStateGroup Description
Normal CommonStates Estado predeterminado.
Disabled CommonStates El control está deshabilitado.
Válido Estados de Validación El control usa la Validation clase y la Validation.HasError propiedad adjunta es false.
EnfoqueInválido Estados de Validación La Validation.HasError propiedad adjunta indica true que el control tiene el foco.
InválidoSinEnfoque Estados de Validación La Validation.HasError propiedad adjunta tiene true el control no tiene el foco.

Consulte también

  • Se actualizó por última vez el