Tabitem标题图片

时间:2012-08-16 14:24:53

标签: wpf

当我将图像设置为TabItem的标题时,它看起来像某个灰色区域中的图像。如何删除这个周围区域? enter image description here

<TabControl TabStripPlacement="Left" 
        HorizontalContentAlignment="Left" 
        VerticalContentAlignment="Top">
<TabItem ToolTip="Элементы, в которых найдены несоответствия" Height="200" 
         Style="{StaticResource TabItemHeaderImageStyle}">
    <TabItem.Header>
        <Image Source="{StaticResource CheckImage}"
               Margin="0"
               Height="25" Width="25" />
    </TabItem.Header>
    <ListBox ItemsSource="{Binding unmatched.vs}"
             MaxHeight="200" 
             ItemTemplate="{StaticResource VertexPresenterNotConformTemplate}" />
</TabItem>
<TabItem ToolTip="Элементы, соответствующие шаблону"
         Style="{StaticResource TabItemHeaderImageStyle}">
    <TabItem.Header>
        <Image Source="{StaticResource UncheckImage}"
               Height="25" Width="25" />
    </TabItem.Header>
    <ListBox ItemsSource="{Binding unmatched.vs}"
             MaxHeight="200" 
             ItemTemplate="{StaticResource VertexPresenterConformTemplate}" />
</TabItem>         

 <Style x:Key="TabItemHeaderImageStyle" TargetType="{x:Type TabItem}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TabItem}">
                <Grid>
                    <Border Name="Border" 
                            Margin="0,0,-4,0"                                
                            BorderThickness="1,1,1,1" 
                            CornerRadius="2,12,0,0" >
                        <ContentPresenter x:Name="ContentSite"
                                          VerticalAlignment="Center"
                                          HorizontalAlignment="Center"
                                          ContentSource="Header"
                                          Margin="12,2,12,2"
                                          RecognizesAccessKey="True"/>
                    </Border>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

我希望(TabItem的标题彼此之间没有灰色区域): enter image description here

1 个答案:

答案 0 :(得分:0)

TabItem可能在其标题周围有一个灰色的边框(从而在图像周围形成阴影)。有关TabItem ControlTemplate的信息,请参阅this link

我会尝试摆弄controltemplate或使用像WpfInspector这样的应用来查看模板的错误并获取正确的值。