将颜色绑定到ListBoxItem对象颜色值

时间:2015-07-08 15:16:42

标签: wpf binding

我有一个列表框,其中填充了定义为Assigned Tasks的类对象。 ItemTemplate在填充时正确绑定并显示相应的信息,但我尝试根据分配的类别的颜色设置每个项目的背景。当我给渐变画笔赋予特定颜色时,背景是正确绑定的,但是当我将它绑定到任务对象的颜色时,它不会显示。在调试中,我已经确认正确设置了我的任务对象的颜色。如何将渐变停止颜色绑定到列表中每个单独对象的颜色?

 <ListBox Name="lboxAssignedTasks" SelectionMode="Single" VerticalAlignment="Top" SelectionChanged="lboxAssignedTasks_SelectionChanged" 
                     HorizontalAlignment="Stretch" Margin="5,10,20,0" >
                <ListBox.ItemTemplate>                        
                    <DataTemplate>                            
                        <Grid >                                
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Name="colTaskName" MinWidth="200"/>
                                <ColumnDefinition Name="colDateDue" MinWidth="75" />
                                <ColumnDefinition Name="colStatus" MinWidth="75"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock Grid.Column="0" Text="{Binding Path=TaskName}" MinHeight="30" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5,5,0,0"/>
                            <TextBlock Grid.Column="1" Text="{Binding Path=DateDue}" MinHeight="30" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5,5,0,0"/>
                            <TextBlock Grid.Column="2" Text="{Binding Path=Status}" MinHeight="30" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="0,5,0,0"/>
                        </Grid>                            
                    </DataTemplate>                        
                </ListBox.ItemTemplate>                   
                <ListBox.Resources>
                    <Style TargetType="{x:Type ListBoxItem}">
                        <Setter Property="Background" Value="{DynamicResource BackGroundGradBrush}" />
                        <Style.Resources>
                            <LinearGradientBrush StartPoint="1,0" EndPoint="1,1" x:Key="BackGroundGradBrush">
                                <GradientStop Color="White" Offset="0.2" />
                                <GradientStop Color="White" Offset="0.85" />
                                <GradientStop Color="{Binding Path=CatColor}" Offset="0.95" />
                            </LinearGradientBrush>
                            <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="LightBlue" />
                        </Style.Resources>
                    </Style>
                </ListBox.Resources>
            </ListBox>

类对象定义:

public class AssignedTask : UnAssignedTask
{
    public int TaskId { get; set; }
    public string Status { get; set; }
    public string AssignedUser { get; set; }
    public string AssignedBy { get; set; }
    public string DateAssigned { get; set; }
    public string DateDue { get; set; }
    public string UserNotes { get; set; }
    public bool IsCompleted { get; set; }
    public Category Cat { get; set; }
    public Color CatColor { get; set; }
}

2 个答案:

答案 0 :(得分:1)

我无法看到CatColor的类型,但请确保CatColor在AssignedTask中的类型为System.Windows.Media.Color

而且,您可能希望使用如下所述的ItemContainerStyle:ListBoxItem style in <ListBox.Resources> or in <ListBox.ItemContainerStyle>?

答案 1 :(得分:0)

我将模板移动到并更改为a以处理通过设置网格背景而被覆盖的突出显示触发器。线性渐变画笔从资源中移出,而不是作为。这暴露了列表框中每个AssignedTask对象的CatColor属性。

<ListBox Name="lboxAssignedTasks" SelectionMode="Single" VerticalAlignment="Top" SelectionChanged="lboxAssignedTasks_SelectionChanged" 
                     HorizontalAlignment="Stretch" Margin="5,10,20,0">                 
                <ListBox.ItemContainerStyle>
                    <Style TargetType="{x:Type ListBoxItem}">
                        <Setter Property="HorizontalContentAlignment" Value="Stretch" />                            
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                                    <Grid Name="lbItemGrid">
                                        <Grid.Background>
                                            <LinearGradientBrush StartPoint="1,0" EndPoint="1,1">
                                                <GradientStop Color="White" Offset="0.2" />
                                                <GradientStop Color="White" Offset="0.85" />
                                                <GradientStop Color="{Binding Path=CatColor}" Offset="0.95" />
                                            </LinearGradientBrush>
                                        </Grid.Background>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Name="colTaskName" MinWidth="200"/>
                                            <ColumnDefinition Name="colDateDue" MinWidth="75" />
                                            <ColumnDefinition Name="colStatus" MinWidth="75"/>
                                        </Grid.ColumnDefinitions>
                                        <TextBlock Grid.Column="0" Text="{Binding Path=TaskName}" MinHeight="30" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="15,5,0,0"/>
                                        <TextBlock Grid.Column="1" Text="{Binding Path=DateDue}" MinHeight="30" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5,5,0,0"/>
                                        <TextBlock Grid.Column="2" Text="{Binding Path=Status}" MinHeight="30" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="0,5,0,0"/>
                                    </Grid>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected" Value="True">
                                            <Setter Property="Background" TargetName="lbItemGrid" Value="Lightblue" />
                                        </Trigger>

                                    </ControlTemplate.Triggers>
                                </ControlTemplate>

                            </Setter.Value>
                        </Setter>
                    </Style>
                </ListBox.ItemContainerStyle>                    
            </ListBox>