如果选中，则更改ListBox项的WPF DataTemplate

3 回答

• 7

  最简单的方法是为“ItemContainerStyle”而不是“ItemTemplate”属性提供模板 . 在下面的代码中，我创建了2个数据模板：一个用于“未选定”，另一个用于“选定”状态 . 然后我为“ItemContainerStyle”创建一个模板，它是包含该项的实际“ListBoxItem” . 我将默认的“ContentTemplate”设置为“Unselected”状态，然后提供一个触发器，当“IsSelected”属性为true时，该触发器交换模板 . （注意：为了简单起见，我将代码中的“ItemsSource”属性设置为字符串列表）

  <Window.Resources>
  
  <DataTemplate x:Key="ItemTemplate">
      <TextBlock Text="{Binding}" Foreground="Red" />
  </DataTemplate>
  
  <DataTemplate x:Key="SelectedTemplate">
      <TextBlock Text="{Binding}" Foreground="White" />
  </DataTemplate>
  
  <Style TargetType="{x:Type ListBoxItem}" x:Key="ContainerStyle">
      <Setter Property="ContentTemplate" Value="{StaticResource ItemTemplate}" />
      <Style.Triggers>
          <Trigger Property="IsSelected" Value="True">
              <Setter Property="ContentTemplate" Value="{StaticResource SelectedTemplate}" />
          </Trigger>
      </Style.Triggers>
  </Style>
  
  </Window.Resources>
  <ListBox x:Name="lstItems" ItemContainerStyle="{StaticResource ContainerStyle}" />
  

  回复于 2024-05-10T14:30:55+08:00
• 172

  要在选择项目时设置样式，或者不需要做的只是在 <DataTemplate> 中检索 ListBoxItem parent并在其 IsSelected 更改时触发样式更改 . 例如，下面的代码将创建 TextBlock ，默认为 Foreground color green . 现在，如果项目被选中，字体将变为 red ，当鼠标结束时，该项目将变为 yellow . 这样你就不会想要稍微改变一下 .

  <DataTemplate x:Key="SimpleDataTemplate">
      <TextBlock Text="{Binding}">
          <TextBlock.Style>
              <Style>
                  <Setter Property="TextBlock.Foreground" Value="Green"/>
                  <Style.Triggers>
                      <DataTrigger Binding="{Binding Path=IsSelected, RelativeSource={
                          RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem }}}"
                                   Value="True">
                          <Setter Property="TextBlock.Foreground" Value="Red"/>
                      </DataTrigger>
                      <DataTrigger Binding="{Binding Path=IsMouseOver, RelativeSource={
                          RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem }}}"
                                   Value="True">
                          <Setter Property="TextBlock.Foreground" Value="Yellow"/>
                      </DataTrigger>
                  </Style.Triggers>
              </Style>
          </TextBlock.Style>
      </TextBlock>
  </DataTemplate>
  

  回复于 2024-05-10T14:30:55+08:00
• 6

  还应该注意的是，堆栈面板永远不会得到焦点（如果您/真的/希望它聚焦，则设置Focusable = True） . 但是，在这样的场景中要记住的关键是StackPanel是TreeViewItem的 child ，在这种情况下是ItemContainer . 正如Micah所说，调整itemcontainerstyle是一个很好的方法 .

  您可以使用DataTemplates以及诸如datatriggers之类的东西来使用RelativeSouce标记扩展来查找listviewitem

  回复于 2024-05-10T14:30:55+08:00