Как добавить горизонтальные поля к моим элементам вкладок WPF, не обрезая вкладку?

Question

Мои TabItems перед попыткой применить левое поле 10 выглядят так:

После попытки применить левое поле 10 к синей вкладке, синяя вкладка обрезается как:

Как мне сделать это правильно?

Answer 1

Есть несколько способов сделать это, но проще всего это просто настроить содержимое TabItem.Header следующим образом:

    <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>

Если бы вы планировали делать это для каждой вкладки, и, вероятно, вам следует, я бы подумал об использовании стиля для применения этих полей.

Answer 2

Полагаю, у вас установлена ​​ширина на синей вкладке. Когда вы добавляете поле, часть ширины увеличивается, поэтому часть вкладки обрезается. Удалите атрибут Width и попробуйте вместо этого использовать Padding.