访问后更改项目的背景颜色答案

【问题标题】：Change background color of item after visiting访问后更改项目的背景颜色
【发布时间】：2016-04-19 08:11:20
【问题描述】：

我有以下代码：

                <ItemsControl Grid.Row="1" ItemsSource="{Binding Activities}">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <ctrls:AlignableWrapPanel MaxWidth="400" HorizontalContentAlignment="Center"
                                                      HorizontalAlignment="Center" />
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                    <ItemsControl.ItemContainerStyle>
                        <Style TargetType="ContentPresenter">
                            <Setter Property="HorizontalAlignment" Value="Center" />
                        </Style>
                    </ItemsControl.ItemContainerStyle>
                </ItemsControl>

现在我想更改已点击的每个项目的背景颜色（这会导致关于该项目的页面）。再次单击该项目时，背景颜色应变回。

我该怎么做？

我已经看过Change background color for selected ListBox item。有一个答案包含以下代码：

        <Style TargetType="ListBoxItem">
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="True" >
                    <Setter Property="FontWeight" Value="Bold" />
                    <Setter Property="Background" Value="Transparent" />
                    <Setter Property="Foreground" Value="Black" />
                </Trigger>
            </Style.Triggers>
            <Style.Resources>
                <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent"/>
            </Style.Resources>
        </Style>

唉，因为我已经在设置 ContentPresenter 的样式，所以我不能轻易地在我的代码中插入此代码。此外，它可能并不完全符合我的要求。

【问题讨论】：

标签： c# wpf xaml

【解决方案1】：

您可以组合这些样式。但是有一个问题：覆盖 SystemColors.HighlighBrush 在 Windows 8+ 中对您没有帮助。另外，您需要启用多选，这对ItemsControl 不可用，但ListBox 有。试试这个代码：

<ListBox ItemsSource="{Binding Activities}" SelectionMode="Multiple">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <ctrls:AlignableWrapPanel MaxWidth="400" HorizontalContentAlignment="Center" HorizontalAlignment="Center" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Border>
                <ContentPresenter Content="{Binding}"/>
            </Border>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
    <ItemsControl.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Border Background="{TemplateBinding Background}">
                            <ContentPresenter Content="{TemplateBinding Content}"/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="True" >
                    <Setter Property="FontWeight" Value="Bold" />
                    <Setter Property="Background" Value="Yellow" />
                    <Setter Property="Foreground" Value="Black" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </ItemsControl.ItemContainerStyle>
</ListBox>

【讨论】：

【解决方案2】：

该代码可以解决问题：

<ItemsControl ...>
    ...
    <ItemsControl.Resources>
        <Style TargetType="ToggleButton">
            <Style.Triggers>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Background" Value="Green" />
                </Trigger>
            </Style.Triggers>
        </Style>                
    </ItemsControl.Resources>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <ToggleButton Content="{Binding}">
                <ToggleButton.Template>
                    <ControlTemplate>
                        <Label Content="{Binding}" Background="{TemplateBinding Background}" />
                    </ControlTemplate>
                </ToggleButton.Template>
            </ToggleButton>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

【讨论】：

【解决方案3】：

您可以将“IsVisited”之类的属性添加到项目的视图模型（“活动”的项目类型）

每当您单击该项目时，将此属性设置为 true/false，例如使用与打开详细信息页面相同的方法。

然后，在您的项目的 DataTemplate 中，您可以创建一个绑定到“IsVisited”属性的 Datatrigger，并设置项目面板的背景颜色。

请提供更多代码以获得更详细的帮助。

【讨论】：