在TabControl中為TabItems使用ControlTemplate后，TabItems選項卡的方向與TabStripPlacement不匹配

使用以下代碼在 TabControl 中編輯 TabItems 和 Selected TabItems 的背景：

<TabControl.ItemContainerStyle>
            <Style TargetType="{x:Type TabItem}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TabItem}">
                        <Grid>
                            <Border 
                                            Name="Border"
                                            Margin="0,0,-4,0" 
                                            Background="Transparent"
                                            BorderBrush="Silver" 
                                            BorderThickness="1,1,1,1">
                                <ContentPresenter x:Name="ContentSite"
                                                VerticalAlignment="Center"
                                                HorizontalAlignment="Center"                                                    
                                                ContentSource="Header"
                                                Margin="12,2,12,2"
                                                RecognizesAccessKey="True"/>
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="Panel.ZIndex" Value="100" />
                                <Setter TargetName="Border" Property="Background" Value="Transparent" />
                                <Setter TargetName="Border" Property="BorderThickness" Value="1,1,1,0" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </TabControl.ItemContainerStyle>

它作業得很好，除了當我在 TabControl 上將 TabStripPlacement 設定為底部時，而 TabPanel 停靠在底部時，TabItems 仍然像在頂部一樣顯示。它產生了一些奇怪的化妝品：

uj5u.com熱心網友回復：

在玩弄它之后，我意識到問題出在邊距和邊框厚度、基礎和選擇時。默認情況下不是邊距 0,0,-4,0，而是需要 -4,0,0,0，而不是選擇時的 1,1,1,0 邊框厚度，它需要是 1,0,1,1 . 我在想這是一個需要發生的轉變，但調整邊距就可以了。

新代碼：

<TabControl.ItemContainerStyle>
        <Style TargetType="{x:Type TabItem}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TabItem}">
                    <Grid>
                        <Border 
                                        Name="Border"
                                        **Margin="-4,0,0,0"** 
                                        Background="Transparent"
                                        BorderBrush="Silver" 
                                        BorderThickness="1,1,1,1">
                            <ContentPresenter x:Name="ContentSite"
                                            VerticalAlignment="Center"
                                            HorizontalAlignment="Center"                                                    
                                            ContentSource="Header"
                                            Margin="12,2,12,2"
                                            RecognizesAccessKey="True"/>
                        </Border>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="Panel.ZIndex" Value="100" />
                            <Setter TargetName="Border" Property="Background" Value="Transparent" />
                            <Setter TargetName="Border" Property="BorderThickness" **Value="1,0,1,1"** />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</TabControl.ItemContainerStyle>

標籤：C＃ wpf 选项卡控件 表项

上一篇：MqttNet基本示例

下一篇：Redis 原理 - Set