Compartir a través de


Cómo: Agregar elementos de fichas a un control Tab

[Esta documentación se proporciona solo para fines preliminares y está sujeta a cambios en versiones posteriores. Se incluye temas en blanco como marcadores].

La clase Windows Presentation Foundation (WPF) TabControl contiene varios elementos de ficha que comparten el mismo espacio en la pantalla. En tiempo de diseño, puede agregar elementos de pestaña a un control TabControl de WPF Designer. En este tema se explican tres mecanismos mediante los que puede agregar elementos de pestaña a un control TabControl.

Uso del diseñador

Puede agregar un elemento de fichas a TabControl haciendo clic con el botón secundario en la superficie de diseño.

Para agregar elementos de fichas a un TabControl utilizando el diseñador

  1. En WPF Designer, seleccione un control TabControl.

  2. En la parte superior del TabControl, haga clic con el botón secundario en TabItem.

  3. Seleccione Agregar ficha del menú contextual.

    Se agrega un nuevo TabItem a TabControl.

Nota

De forma predeterminada, WPF Designer utiliza Grid como el contenedor raíz del elemento de ficha.Si necesita un contenedor raíz diferente, puede eliminar Grid y agregar otro contenedor, por ejemplo, un control DockPanel.

Uso del Editor de colecciones

También puede agregar elementos de fichas a un TabControl utilizando el editor de colecciones. Cuando se utiliza el Editor de colecciones para configurar elementos de fichas, la Vista de diseño y la vista XAML se actualizan automáticamente.

Para agregar elementos de fichas a un TabControl utilizando el editor de colecciones

  1. En WPF Designer, seleccione un control TabControl.

  2. En la ventana Propiedades, busque la propiedad Items y haga clic en el botón de puntos suspensivos en la columna de valores de propiedad.

    Aparecerá el cuadro de diálogo Editor de colecciones.

  3. Haga clic en Agregar para agregar un nuevo elemento.

  4. (Opcional) Establezca las propiedades del elemento de fichas.

  5. (Opcional) Repita los pasos 3 y 4 para agregar más elementos de fichas.

  6. Haga clic en Aceptar para cerrar el Editor de colecciones y volver a WPF Designer.

Utilizar la vista XAML

También puede agregar manualmente elementos de pestaña a un control TabControl escribiendo código en la vista XAML. La Vista de diseño se actualiza automáticamente con los nuevos elementos de fichas.

Para agregar elementos de pestaña a un control TabControl mediante la vista XAML

  1. En la vista XAML, busque un elemento TabControl.

  2. Agregue un elemento TabItem como elemento secundario de TabControl. El marcado debe ser similar al siguiente:

    <TabControl Name="tabControl1" Height="100" Width="200">
        <TabItem Header="tabItem1" Name="tabItem1">
        </TabItem>
    </TabControl>
    

Vea también

Referencia

TabControl

TabItem

Otros recursos

Controles contenedor de WPF