WPF ListBox中ItemTemplate和ItemContainerStyle有什么区别?

57
在 WPF 的 Listbox 中,我对这两个概念感到困惑:ItemTemplate 和 ItemContainerStyle,请问有人能给我解释一下吗?

可能相关:https://dev59.com/4VfUa4cB1Zd3GeqPEx49 - LittleBobbyTables - Au Revoir
2个回答

57

ItemTemplate用于定义数据项的外观样式。您可以使用它来绑定数据字段、格式化显示字符串等。它决定了数据的呈现方式。

ItemContainerStyle用于定义数据项的容器样式。在列表框中,这将是一个ListBoxItem。在此处进行的样式设置会影响选择行为或背景颜色等内容。它决定了显示的样式和用户体验。

上面链接的ItemContainerStyle的MSDN页面有一个很好的示例,展示了一些区别:

 <!--Use the ItemTemplate to set a DataTemplate to define
      the visualization of the data objects. This DataTemplate
      specifies that each data object appears with the Proriity
      and TaskName on top of a silver ellipse.-->
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <DataTemplate.Resources>
        <Style TargetType="TextBlock">
          <Setter Property="FontSize" Value="18"/>
          <Setter Property="HorizontalAlignment" Value="Center"/>
        </Style>
      </DataTemplate.Resources>
      <Grid>
        <Ellipse Fill="Silver"/>
        <StackPanel>
          <TextBlock Margin="3,3,3,0"
                     Text="{Binding Path=Priority}"/>
          <TextBlock Margin="3,0,3,7"
                     Text="{Binding Path=TaskName}"/>
        </StackPanel>
      </Grid>
    </DataTemplate>
  </ItemsControl.ItemTemplate>
  <!--Use the ItemContainerStyle property to specify the appearance
      of the element that contains the data. This ItemContainerStyle
      gives each item container a margin and a width. There is also
      a trigger that sets a tooltip that shows the description of
      the data object when the mouse hovers over the item container.-->
  <ItemsControl.ItemContainerStyle>
    <Style>
      <Setter Property="Control.Width" Value="100"/>
      <Setter Property="Control.Margin" Value="5"/>
      <Style.Triggers>
        <Trigger Property="Control.IsMouseOver" Value="True">
          <Setter Property="Control.ToolTip"
                  Value="{Binding RelativeSource={x:Static RelativeSource.Self},
                          Path=Content.Description}"/>
        </Trigger>
      </Style.Triggers>
    </Style>
  </ItemsControl.ItemContainerStyle>

11

ItemContainerStyle只是DataTemplate的包装器,以便可以将通用项样式应用于不同的数据布局。

此外,来自“DataTemplate vs ItemContainerStyle”的回答:

您可以在ItemTemplate中进行所有样式设置,但ItemContentStyle具有VisualStates,可控制鼠标悬停/禁用/选定等状态的透明度。

如果您想要更改这些不透明度状态更改,或者如果您想要任何容器形状而不仅仅是矩形,例如三角形,则必须覆盖默认的ItemContainerStyle。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接