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

Actualización: noviembre 2007

La clase Windows Presentation Foundation (WPF) TabControl contiene varios elementos de ficha que comparten el mismo espacio en la pantalla. Comenzando en Visual Studio 2008 Service Pack 1, la experiencia de diseño para TabControl ha cambiado. En tiempo de diseño, puede agregar elementos de fichas a un control TabControl en WPF Designer. En este tema se explican tres maneras de agregar elementos de fichas a un TabControl.

Utilizar el 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 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 la 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 al WPF Designer.

Uso del editor XAML

También puede agregar manualmente elementos a un TabControl escribiendo código en el editor XAML. La vista Diseño se actualiza automáticamente con los nuevos elementos de fichas.

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

  1. En el editor XAML, busque un elemento TabControl.

  2. Agregue un elemento TabItem como elemento secundario del elemento TabControl. El código debe tener una apariencia similar a la siguiente:

    <TabControl Name="tabControl1">
    <TabItem Header="tabItem1" />
</TabControl>

Vea también

Referencia

TabControl

TabItem

Otros recursos

Controles contenedor de WPF

  • Last updated on