itemscontrols - list items wpf

¿Cómo eliminar el margen predeterminado en el contenido de un artículo de tabla?

Question

Estoy usando la clase TabControl en WPF y he notado que el contenido de cada TabItem tiene un margen predeterminado de 4 píxeles en todos los lados.

Código de muestra:

<Window x:Class="TabControlPadding.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300">
<Grid>
<TabControl Margin="10">
<TabItem Header="Tab 1">
<Grid Background="Pink"/>
</TabItem>
<TabItem Header="Tab 2">
<Grid Background="LightBlue"/>
</TabItem>
</TabControl>
</Grid>
</Window>

Captura de pantalla:

Me gustaría deshacerme de este margen (reducirlo a cero), pero preferiría no tener que reemplazar por completo las plantillas ni nada por el estilo.

¿Hay una manera simple de hacer esto de una manera muy específica?

Answer 1

Escriba su propia plantilla de control para TabItems, vea Ejemplo de plantilla de control de TabItem

Answer 2

Establecer el margen para el elemento de tabla en lugar de la pestaña

 <TabItem Margin="0,0,0,0"/>

Establezca el margen para TabItem en 0, esto anulará el margen predeterminado y funcionará según sus requisitos

Answer 3

Si está buscando hacer que la caja rosa se expanda hasta la línea del borde negro sin un blanco en el medio, hay una manera fácil que no implica crear su propia plantilla de control.

El estilo predeterminado para TabItem tiene un margen de 4 alrededor del presentador de contenido. Una forma rápida de compensar esto es hacer que el margen del control esté dentro del TabItem -4.

 <TabItem>
<Grid Margin="-4">
</Grid>
<TabItem>

Answer 4

Solo establece Padding a cero en el Control de Tab:

<TabControl Margin="10" Padding="0">

El estilo predeterminado para TabControl establece el relleno a 4 y vincula el margen en el host de contenido al relleno en el control de tabulación.