列表框选定的项目背景颜色

试图使列表框中的选项卡控件。如果listboxitems只是文本，那么很容易看到选中哪个选项卡，但只要我将图像/路径添加为listboxitem的内容，就不会再将它显示为单击时被选中。下面的唯一项目显示何时被选中是“Hello World”项目。我只想让选项卡的背景在选中时更改颜色。列表框选定的项目背景颜色

<ListBox> 
<ListBox.ItemsPanel> 
      <ItemsPanelTemplate> 
       <StackPanel Orientation="Horizontal" /> 
      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
     <ListBoxItem> 
      <Canvas Width="53.3333" Height="53.3333"> 
       <Path Width="4.22434" Height="4.224" Stretch="Fill" Fill="#FF000000" Data="..."/>    
      </Canvas> 
     </ListBoxItem> 
     <ListBoxItem> 
      <ListBoxItem.Content> 
       <Canvas Width="46.6667" Height="45.3333"> 
        <Path Width="46.3232" Height="43.9357" 
          Canvas.Left="0.51729" 
          Canvas.Top="1.06295" 
          Stretch="Fill" 
          Fill="#FF000000" 
          Data="..." 
       </Canvas> 
      </ListBoxItem.Content> 
     </ListBoxItem> 
     <ListBoxItem Content="Hello World"> 
     </ListBoxItem> 
    </ListBox>

来源

2015-05-11 O.O

我刚刚为我的一个应用程序使用ListView做了这个。它应该与ListBox类似，但你可能想使用ListView，因为它们是相似的，我知道它的工作原理。您需要修改样式以设置SelectedBackground和SelectedPointerOverBackground颜色。我将它们设置为下面样式的蓝色。

 <Style x:Key="ListViewItemTabStyle" TargetType="ListViewItem"> 
      <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" /> 
      <Setter Property="FontSize" Value="30" /> 
      <Setter Property="Background" Value="Transparent"/> 
      <Setter Property="TabNavigation" Value="Local"/> 
      <Setter Property="IsHoldingEnabled" Value="True"/> 
      <Setter Property="Margin" Value="0,0,0,0"/> 
      <Setter Property="HorizontalContentAlignment" Value="Left"/> 
      <Setter Property="VerticalContentAlignment" Value="Center"/> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="ListViewItem"> 
        <ListViewItemPresenter 
        ContentTransitions="{TemplateBinding ContentTransitions}" 
        Padding="{TemplateBinding Padding}" 
        SelectionCheckMarkVisualEnabled="False" 
        CheckHintBrush="{ThemeResource ListViewItemCheckHintThemeBrush}" 
        CheckSelectingBrush="{ThemeResource ListViewItemCheckSelectingThemeBrush}" 
        CheckBrush="{ThemeResource ListViewItemCheckThemeBrush}" 
        DragBackground="{ThemeResource ListViewItemDragBackgroundThemeBrush}" 
        DragForeground="{ThemeResource ListViewItemDragForegroundThemeBrush}" 
        FocusBorderBrush="{ThemeResource ListViewItemFocusBorderThemeBrush}" 
        PlaceholderBackground="{ThemeResource ListViewItemPlaceholderBackgroundThemeBrush}" 
        PointerOverBackground="{ThemeResource ListViewItemPointerOverBackgroundThemeBrush}" 
        SelectedBorderThickness="{ThemeResource ListViewItemCompactSelectedBorderThemeThickness}" 
        SelectedBackground="Blue" 
        SelectedForeground="{ThemeResource ListViewItemSelectedForegroundThemeBrush}" 
        SelectedPointerOverBackground="Blue" 
        SelectedPointerOverBorderBrush="{ThemeResource ListViewItemSelectedPointerOverBorderThemeBrush}" 
        DisabledOpacity="{ThemeResource ListViewItemDisabledThemeOpacity}" 
        DragOpacity="{ThemeResource ListViewItemDragThemeOpacity}" 
        ReorderHintOffset="{ThemeResource ListViewItemReorderHintThemeOffset}" 
        HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" 
        VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" 
        PointerOverBackgroundMargin="1" 
        ContentMargin="4" /> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style>

然后设置样式为您的ListView这样的：

<ListView ItemContainerStyle="{StaticResource ResourceKey=ListViewItemTabStyle}" Background="Gray" SelectedIndex="0"> 
    <ListViewItem Content="Item1"/> 
    <ListViewItem Content="Item2"/> 
    <ListViewItem Content="Item3"/> 
</ListView>

来源

2015-05-12 03:27:37 Jon

的问题造成的，因为选择的指数的每个选项卡被更改时迷路。我通过在视图模型中绑定选定的索引来解决此问题。列表框也正常工作。尽管我选择的背景有问题，但我仍然将其标记为答案。 –

列表框选定的项目背景颜色

回答

相关问题