Comment ajouter des marges horizontales à mes onglets WPF sans couper l'onglet?

Question

Mon TabItems avant d'essayer d'appliquer une marge gauche de 10 ressembler à:

Après avoir essayé d'appliquer la marge de gauche de 10 à l'onglet bleu, l'onglet bleu est coupé comme:

Comment procéder correctement?

Answer 1

Il y a quelques façons de s'y prendre, mais cette chose la plus facile à faire est de personnaliser simplement le contenu de TabItem.Header comme ceci:

<TabControl Margin="29,29,25,23" Name="tabControl1"> 
     <TabItem Name="tabItem1"> 
      <TabItem.Header> 
       <TextBlock Margin="20,0,20,0">tabItem1</TextBlock> 
      </TabItem.Header> 
     </TabItem> 
     <TabItem Name="tabItem2"> 
      <TabItem.Header> 
       <TextBlock Margin="20,0,20,0">tabItem2</TextBlock> 
      </TabItem.Header> 
     </TabItem> 
     <TabItem Header="tabItem3" Name="tabItem3"> 
      <Grid /> 
     </TabItem> 
    </TabControl> 

Si vous aviez l'intention de faire cela pour chaque onglet, et vous devrait probablement, je envisagerais d'utiliser un style pour appliquer ces marges.

Answer 2

Ma conjecture est que vous avez un ensemble de largeur sur l'onglet bleu. Lorsque vous ajoutez une marge, une partie de la largeur est occupée par la marge, donc une partie de l'onglet est coupée. Supprimez l'attribut Width et essayez d'utiliser Padding à la place.