Listbox WPF-Element, verschiedene Hintergrundfarben für verschiedene Elemente

Ich habe eine WPF-ListBox mit einer gebundenen Liste von Elementen aus einer bestimmten Klasse, die habe ich. So etwas wie dieses:

    ObservableCollection<MyTable> tables = new ObservableCollection<MyTable>();
...
    listTables.ItemsSource = tables;

Und XAML:

<ListBox HorizontalAlignment="Left" Margin="8,10,0,0" Name="listTables" Width="153" ItemsSource="{Binding tables}" SelectionChanged="listTables_SelectionChanged" Height="501" VerticalAlignment="Top">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Grid Margin="1">
                    <TextBlock Grid.Column="1" Text="{Binding tableName}" />
                </Grid>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

Alles Prima funktioniert. Was ich jetzt machen möchte, ist einen anderen hintergrund für jedes Element in der ListBox in Abhängigkeit einer bestimmten Eigenschaft der Klasse. Zum Beispiel, sagen wir mal, dass der MyTable-Klasse hat eine Eigenschaft namens isOccupied. Wenn dieses flag festgelegt ist, für eine bestimmte Sache, ich will es haben einen roten hintergrund in der ListBox, wenn es nicht ist, dann möchte ich es mit einem grünen hintergrund. Wenn die Eigenschaft geändert wird, dann sollte der hintergrund ändert sich entsprechend.

Irgendwelche Tipps, wie dies zu erreichen? Ich Suche einige Informationen über ItemContainerStyle im moment, aber ich bin relativ neu hier, also bin ich nicht sicher, ob ich auf dem richtigen Weg.

InformationsquelleAutor mmvsbg | 2013-11-20
  1. 15

    Können Sie erreichen, dass mit DataTriggers

    <ListBox.ItemTemplate>
    <DataTemplate>

        <!-- Step #1: give an x:Name to this Grid -->
        <Grid Margin="1" x:Name="BackgroundGrid">
            <TextBlock Grid.Column="1" Text="{Binding tableName}" />
        </Grid>

        <!-- Step #2: create a DataTrigger that sets the Background of the Grid, depending on the value of IsOccupied property in the Model -->             
        <DataTemplate.Triggers>
            <DataTrigger Binding="{Binding IsOccupied}" Value="True">
                <Setter TargetName="BackgroundGrid" Property="Background" Value="Red"/>
            </DataTrigger>

            <DataTrigger Binding="{Binding IsOccupied}" Value="False">
                <Setter TargetName="BackgroundGrid" Property="Background" Value="Green"/>
            </DataTrigger>
        </DataTemplate.Triggers>
    </DataTemplate>
</ListBox.ItemTemplate>

    Beachten Sie, dass, wenn Sie erwarten, dass diese Werte während der Laufzeit geändert, werden Ihre Daten posten muss ordnungsgemäß durchzuführen und erhöhen Property Change Notifications:

    public class MyTable: INotifyPropertyChanged //Side comment: revise your naming conventions, this is not a table.
{
   private bool _isOccupied;
   public bool IsOccupied
   {
       get { return _isOccupied; }
       set
       {
           _isOccupied = value;
           NotifyPropertyChange("IsOccupied");
       }
    }

    //.. Other members here..
}
    • Sie könnte genauso gut haben eran s alt +1 dann. 😉
    • Das war sehr hilfreich, funktioniert wie ein Charme. Ich danke Ihnen sehr!
    InformationsquelleAutor Federico Berasategui
  2. 0
    <Style TargetType="ListBox" x:Key="myListBoxStyle">
    <Style.Triggers>
        <DataTrigger Binding="{Binding SelectedItem.IsOccupied}" Value="True">
            <Setter Property="Background" Value="Red" />
        </DataTrigger>
    </Style.Triggers>
</Style>
    • +1 Jetzt gibt es eine richtige Antwort... ein wenig Licht auf die Erklärung (für Anwender, die dies erfordern), aber eine richtige Antwort alle gleich.
    • sind Sie sicher, dass diese das erreichen, was der OP verlangt? check meine Antwort
    • +0 bist Du völlig richtig @HighCore... danke, muss ich bezahlen mehr Aufmerksamkeit, wenn ich auf diese Seite. Nicht nur würde dies überhaupt nicht funktionieren, aber selbst wenn es funktioniert hat, wie eran geplant, es würde nur funktionieren, auf das ausgewählte Element.
    • Es würde für die gesamte listbox , die entsprechend dem ausgewählten Element
    • Ich habe versucht, es in Visual Studio... es hat nicht funktioniert. Selbst wenn es Tat, war es nicht, was die Frage Autor gefragt. Hoffentlich werden meine Kommentare nicht aufregen oder ärgern Sie. Vielleicht könnte ich mehr höflich, aber ich sage nur die Dinge wie ich Sie sehe.
    InformationsquelleAutor eran otzap
Schreibe einen Kommentar