uwp: so ändern Sie die Hintergrundfarbe eines listview-Element basierend auf seinem Wert?

Edit: UWP-App ist nicht 100% die gleichen wie die WPF-App.

Ich habe einen uwp-App mit einer ListView. In der ListView benutze ich ein DataTemplate mit der Klasse von Tests. Es zeigt den Namen des Tests und Punkte.

Was ich erreichen will ist, dass ein Trigger !? prüft , wenn die Punkte größer als D. H.: 50 und ändern Sie dann die Hintergrundfarbe der ListViewItem-rot.

            <ListView.ItemTemplate>
                <DataTemplate x:DataType="data:Tests">
                    <Grid>
                        <TextBlock Text="{x:Bind Name}"  />
                        <TextBlock Text="{x:Bind Points}"  />
                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>

InformationsquelleAutor Richi S. | 2016-02-11
  1. 4

    Können Sie dies auf verschiedene Weise tun:

    1. Verwenden ItemContrainerStyleSelector: die Probe die ich gefunden
    2. Verwenden DataTemplateSelector: die Probe die ich gefunden
    3. Verwenden Converter: die Probe welche ich gefunden habe, beschreibt bool Sichtbarkeit, aber Sie können es ändern, wie Sie wollen.
    • Ich benutzte die ItemContainerStyleSelector aus der Stichprobe und aktualisiert den code für uwp-apps. Info: in "MyStyleSelector" Sie haben das überschreiben der "SelectStyleCore" und nicht als öffentliche, sondern als geschützt!
    InformationsquelleAutor Andrii Krupka
  2. 8

    Ich fand es schwer zu bekommen, meine listview-Elemente zu zeigen, alternative Farben. Endlich habe ich es geschafft, dies zu tun, indem eine Methode des ListView-event-handler ContainerContentChanging.

    uwp: so ändern Sie die Hintergrundfarbe eines listview-Element basierend auf seinem Wert?

    Die Methode zugewiesen, um dieses Ereignis wird aufgerufen, wenn jedes Element wird aufgefüllt, die in der listview. Dies bietet eine Funktion zum ändern der Vordergrund -, hintergrund -, text -, etc für das listview-Element

            private void listViewContentChange(ListViewBase sender, ContainerContentChangingEventArgs args) {
            //this method is called for each item while it gets loaded in the listview. Here we are changing background color and text color
            if (args.ItemIndex == 0) {
              //colour for header
              args.ItemContainer.Background = (SolidColorBrush) Application.Current.Resources["grey"];
            } else {
              if (args.ItemIndex % 2 == 0) {
                //lighter colour 
                args.ItemContainer.Background = (SolidColorBrush) Application.Current.Resources["lightblue"];
              } else {
                //Dark colour 
                args.ItemContainer.Background = (SolidColorBrush) Application.Current.Resources["blue"];
              }
            }
    • Dies war sehr hilfreich für mich. Vielen Dank!
    InformationsquelleAutor ficocons
  3. 0

    Können Sie etwas ähnlich wie diese: https://stackoverflow.com/a/27621234/3869250

    In diesem Beispiel, das Plakat nur geprüft, wenn es gerade oder ungerade ist, zu erstellen abwechselnden Farben.

    if (index % 2 == 0)
{
    ...
}

    In Ihrem Fall könnten Sie so etwas wie:

    if(item.Points > 50)
{
    return this.RedBackgroundStyle;
}
    InformationsquelleAutor Diogo Rolo
Schreibe einen Kommentar