WPF 탭 제어 헤더 간 간격

Question

WPF TabControl의 기본 동작은 탭 헤더를 서로 인접한 공간없이 배치하는 것입니다. 헤더 사이의 간격을 지정하려면 어떻게해야합니까? 이를 위해 제어 템플릿을 정의해야합니까? 저는 WFP를 처음 접했고 모든 도움에 감사드립니다.

감사

Answer 1

Tabitem에 대한 사용자 정의 컨트롤 템플릿을 정의해야 할 수도 있습니다. 다음은 분리를 위해 스페이서를 사용하는 tabitem의 예입니다.

<Style
    x:Key="SpacedTab"
    TargetType="{x:Type TabItem}">
    <Setter
        Property="Template">
        <Setter.Value>
            <ControlTemplate
                TargetType="{x:Type TabItem}">
                <Border
                    x:Name="Spacer"
                    Width="Auto"
                    Height="Auto"
                    Padding="0 0 5 0"
                    Margin="0 0 0 0"
                    BorderBrush="Transparent"
                    BorderThickness="0">
                    <Border
                        x:Name="Border"
                        MinWidth="150"
                        Width="Auto"
                        Height="30"
                        Background="Gray"
                        BorderBrush="DarkGray"
                        BorderThickness="0,0,0,0"
                        CornerRadius="6,6,0,0"
                        Cursor="Hand"
                        VerticalAlignment="Bottom">
                        <ContentPresenter
                            x:Name="ContentSite"
                            TextElement.FontSize="10pt"
                            TextElement.FontFamily="Arial"
                            TextElement.Foreground="Black"
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            ContentSource="Header"
                            Margin="8,3,8,3"
                            Width="Auto"
                            Height="Auto" />
                    </Border>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

바라건대 그것은 올바른 방향의 멍청이입니다. 스타일 리소스로 추가하고 TabControl-> tabitem에서 참조해야합니다.

Answer 2

디자이너에서 공간을 추가하기가 쉽습니다. 가장 오른쪽 탭부터 시작하여 이동하려는 탭을 선택하십시오. 그런 다음 Ctrl을 누른 상태에서 오른쪽 화살표 키를 사용하여 탭을 오른쪽으로 이동하십시오. 나머지 탭과 동일하게 수행하십시오. 그런 다음 XAML 코드에서 마진을 수동으로 조정할 수 있습니다.