在WPF中綁定ListBox項背景和選擇顏色

Question

我有一個列表，其中每個項目的背景色應取決於兩件事：選擇狀態和數據上下文中的布爾屬性。 我已經弄清楚如何綁定背景顏色，但是一旦選擇列表項，我的自定義背景就會消失。

如果數據上下文布爾值為true，則最終結果理想情況下將是（取決於選擇狀態）綠色陰影，或者如果為false，則紅色陰影。

MainWindow.xaml：

<ListBox x:Name="CrewList" ItemsSource="{Binding CrewList}" SelectedItem="{Binding SelectedCrew}" Style="{StaticResource EventOverviewListBox}" Grid.Column="1" Grid.Row="0">
            <ListBox.ItemContainerStyle>
                <Style TargetType="{x:Type ListBoxItem}">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Data.IsValid}" Value="true">
                            <Setter Property="Background" Value="{StaticResource StatusValid}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding Data.IsValid}" Value="false">
                            <Setter Property="Background" Value="{StaticResource StatusInvalid}"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </ListBox.ItemContainerStyle>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal" Margin="10,10,10,10" KeyboardNavigation.IsTabStop="False">
                        <TextBlock Text="{Binding Lane}" Margin="0,0,20,0" FontSize="20" />
                        <TextBlock Text="{Binding ClubName}" Foreground="Black" VerticalAlignment="Center"/>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

App.xaml：

    <SolidColorBrush x:Key="StatusValid">LawnGreen</SolidColorBrush>
    <SolidColorBrush x:Key="StatusInvalid">Red</SolidColorBrush>
    <Style x:Key="EventOverviewListBox" TargetType="ListBox">
        <Setter Property="KeyboardNavigation.IsTabStop" Value="False"/>
        <Setter Property="HorizontalAlignment" Value="Stretch"/>
        <Setter Property="VerticalAlignment" Value="Stretch"/>
        <Setter Property="Background" Value="Teal"/>
    </Style>
    <Style x:Key="EventOverviewListBoxItem" TargetType="ListBoxItem">
        <Setter Property="KeyboardNavigation.IsTabStop" Value="False"/>
    </Style>

我已經搜索了，但是在最近幾個小時內沒有找到任何東西，所以我希望其他人知道一種方法。

謝謝！

Answer 1

我假設“選擇狀態”表示是否選擇了該項目。

ListBoxItem具有一個帶有觸發器的ControlTemplate，該模板優先於觸發器。 您需要為ListBoxItem樣式創建自己的ControlTemplate。 另外，請使用MultiDataTrigger 。

像這樣：

<Style TargetType="{x:Type ListBoxItem}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ListBoxItem">
                <Border Name="BorderWrap">
                    <ContentPresenter />
                </Border>
                <ControlTemplate.Triggers>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding RelativeSource={RelativeSource Self},Path=IsSelected}" Value="True" />
                            <Condition Binding="{Binding Data.IsValid}" Value="True" />
                        </MultiDataTrigger.Conditions>
                        <MultiDataTrigger.Setters>
                            <Setter TargetName="BorderWrap" Property="Background" Value="{StaticResource StatusValid}"/>
                        </MultiDataTrigger.Setters>
                    </MultiDataTrigger>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding RelativeSource={RelativeSource Self},Path=IsSelected}" Value="True" />
                            <Condition Binding="{Binding Data.IsValid}" Value="False" />
                        </MultiDataTrigger.Conditions>
                        <MultiDataTrigger.Setters>
                            <Setter TargetName="BorderWrap" Property="Background" Value="{StaticResource StatusInvalid}"/>
                        <MultiDataTrigger.Setters>
                    </MultiDataTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>