Question

我在以表格形式加入样式和代码时遇到了麻烦：

这是我的情况：

我的TabItem样式：

   <Style TargetType="TabItem" x:Key="testStyle">
        <Setter Property="FocusVisualStyle" Value="{x:Null}" />
        <Setter Property="IsTabStop" Value="False" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Padding" Value="6,2,6,2" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="MinWidth" Value="5" />
        <Setter Property="MinHeight" Value="5" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TabItem">
                    <DockPanel Width="120" x:Name="rootPanel">
                        <ContentPresenter ContentSource="Header"  RecognizesAccessKey="True" />
                        <Image x:Name="rootImage"/>
                        <Label x:Name="rootLabel" FontSize="18" />
                    </DockPanel>
                    <ControlTemplate.Triggers>

这是我应用我的风格的地方

            <TabItem Style="{StaticResource testStyle}">
                <TabItem.Header>

                </TabItem.Header>

但是：如何将值设置为名为rootImage和rootLabel的图片和标签？

Answer 1

就像您为TabItem所做的那样，您可以为Image和Label指定样式 -

<Image x:Name="rootImage" Style="{StaticResource ImageStyle}"/>
<Label x:Name="rootLabel" FontSize="18" Style="{StaticResource LabelStyle}" />

如果您要更改Header外观，则需要覆盖HeaderTemplate而不是整个Template -

        <TabItem.HeaderTemplate>
            <DataTemplate>
                <StackPanel>
                    <Image x:Name="rootImage"
                           Style="{StaticResource ImageStyle}"/>
                    <Label x:Name="rootLabel" FontSize="18"
                           Style="{StaticResource LabelStyle}"/>
                </StackPanel>
            </DataTemplate>
        </TabItem.HeaderTemplate>

Answer 2

我假设您有一个名为SomeClass

的班级

public class SomeClass
{
    public string SomeLabel;
    public string SomeImage;
}

现在改变你的风格

<DockPanel Width="120" x:Name="rootPanel">
    <ContentPresenter ContentSource="Header"  RecognizesAccessKey="True" />
    <Image x:Name="rootImage" Source={Binding SomeImage}/>
    <Label x:Name="rootLabel" Content={Binding SomeLabel} FontSize="18" />
</DockPanel>

最后：

<TabItem Style="{StaticResource testStyle}" Name="myTabItem">
    <TabItem.Header>

    </TabItem.Header>
</TabItem>

在后面的代码中：

myTabItem.DataContext = new SomeClass(); //create a SomeClass with proper label and image

wpf使用样式声明的元素

2 个答案: