WPF, XAML: Как стилизовать ListBoxItem, используя привязку к свойству объекта ListBox ItemsSource? - PullRequest
Новая
       27

WPF, XAML: Как стилизовать ListBoxItem, используя привязку к свойству объекта ListBox ItemsSource?

16 голосов
/ 20 августа 2009

У меня есть ListBox, который связан с ObservableCollection LogMessages. 

public ObservableCollection<LogMessage> LogMessages { get; set; }
public LogMessageData()
{
    this.LogMessages = new ObservableCollection<LogMessage>();
}

Каждое сообщение имеет два параметра: 

public class LogMessage
{
    public string Msg { get; set; }
    public int Severity { get; set; }
    //code cut...
}

ListBox заполняется этими элементами, и мне нужно color-code (изменить цвет фона из ListBoxItem ) в зависимости от Серьезность параметр элемента LogMessage.

Вот что у меня сейчас есть в XAML пользовательского контроля, показывающего журнал: 

    <UserControl.Resources>
    <AlternationConverter x:Key="BackgroundSeverityConverter">
        <SolidColorBrush>Green</SolidColorBrush>
        <SolidColorBrush>Yellow</SolidColorBrush>
        <SolidColorBrush>Red</SolidColorBrush>
    </AlternationConverter>
    <Style x:Key="BindingAlternation" TargetType="{x:Type ListBoxItem}">
        <Setter Property="Background" 
                Value="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                Path=Severity, 
                Converter={StaticResource BackgroundSeverityConverter}}"/>
    </Style>
    <DataTemplate x:Key="LogDataTemplate">
        <TextBlock x:Name="logItemTextBlock" Width="Auto" Height="Auto" 
        Text="{Binding Msg}"/>
    </DataTemplate>
</UserControl.Resources>

и фактический список: 

<ListBox IsSynchronizedWithCurrentItem="True" 
    ItemTemplate="{DynamicResource LogDataTemplate}" 
    ItemsSource="{Binding LogFacility.LogMessages}" 
    x:Name="logListBox" Grid.Row="1" 
    ItemContainerStyle="{StaticResource BindingAlternation}" />

AlternationConverter используется, поскольку параметр Severity сообщения имеет тип Int (0..3), и мы можем легко переключаться между стилями, используя этот.

Концепция ясна, но пока она не работает для меня. Цвет фона ListBoxItem не изменился.

Ответы [ 2 ]

29 голосов
/ 20 августа 2009

Использование ItemContainerStyle: 

<ListBox ItemsSource="{Binding LogMessages}">
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="Background" Value="{Binding Severity, Converter={StaticResource YourBackgroundConverter}}"/>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>
4 голосов
/ 20 августа 2009

Как прокомментировал Боян, это не должен быть RelativeSource. Используйте {Binding Path = Severity, Converter = {StaticResource BackgroundSeverityConverter}} , когда вы привязываетесь к своему объекту данных. RelativeSource.TemplatedParent предназначен для привязки к ListBoxItem.

Кроме того, что-то вроде моей любимой мозоли, вы можете использовать триггеры, например: 

<Style x:Key="BindingAlternation" TargetType="{x:Type ListBoxItem}">
    <Style.Triggers>
        <DataTrigger Binding="{Binding Severity}" Value="1">
            <Setter Property="Background" Value="Green"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding Severity}" Value="2">
            <Setter Property="Background" Value="Yellow"/>
        </DataTrigger>
        <!-- etc.. -->
    </Style.Triggers>
<Style x:Key="BindingAlternation" TargetType="{x:Type ListBoxItem}">

Но это всего лишь личное предпочтение .... то, что у вас есть, должно работать нормально, если вы исправите привязку.

...