Home / Questions / 83639
Accepted
Marc
Asked: 2020-07-05 04:39:46 +0800 CST 2020-07-05 04:39:46 +0800 CST

Change the color of a Row in a GridView

  • 772

Good,

I am developing a program in Framework 3.5 in WPF (xaml) and the problem that occurs to me is that when I want to change the color of a line from the class code, when the grid already has the data that I want to show, I can't find the way.

XAML code:

    <ListView.View>
        <GridView>
            <GridViewColumn Header="#" DisplayMemberBinding="{Binding Path=position}" my:clsGridViewSort.PropertyName="position"></GridViewColumn>
            <GridViewColumn Header="{x:Static prop:Properties.Resources.NombreArchivo}" DisplayMemberBinding="{Binding Path=filename}" my:clsGridViewSort.PropertyName="filename" />
            <GridViewColumn Header="{x:Static prop:Properties.Resources.FechaInicio}" DisplayMemberBinding="{Binding Path=startdate}" my:clsGridViewSort.PropertyName="startdate" />
            <GridViewColumn Header="{x:Static prop:Properties.Resources.FechaFin}" DisplayMemberBinding="{Binding Path=enddate}" my:clsGridViewSort.PropertyName="enddate"/>
            <GridViewColumn Header="{x:Static prop:Properties.Resources.UltimaCopia}" DisplayMemberBinding="{Binding Path=lastbackup}" my:clsGridViewSort.PropertyName="lastbackup"/>
            <GridViewColumn Header="{x:Static prop:Properties.Resources.Estado}" DisplayMemberBinding="{Binding Path=state}" my:clsGridViewSort.PropertyName="state"/>
            <GridViewColumn Header="{x:Static prop:Properties.Resources.Periodicidad}" DisplayMemberBinding="{Binding Path=period}" my:clsGridViewSort.PropertyName="period"/>
            <GridViewColumn Header="{x:Static prop:Properties.Resources.Ruta}" DisplayMemberBinding="{Binding Path=path}" my:clsGridViewSort.PropertyName="path"/>
            <GridViewColumn Header="{x:Static prop:Properties.Resources.EspacioActual}" DisplayMemberBinding="{Binding Path=actualsize}" my:clsGridViewSort.PropertyName="actualsize"/>
        </GridView>
    </ListView.View>
c#

2 Answers

  1. Best Answer

    In this example the gridview rows change color according to the status value (3: red, 2: yellow)

        <Window x:Class="WpfCambiarColorRowGridview.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <ListView Margin="10" Name="lvUsers">
            <ListView.Resources>
                <Style TargetType="{x:Type ListViewItem}">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Estado}" Value="3">
                            <Setter Property="Background" Value="Red" />
                        </DataTrigger>
                        <DataTrigger Binding="{Binding Estado}" Value="2">
                            <Setter Property="Background" Value="Yellow" />
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </ListView.Resources>
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="NombreArchivo" DisplayMemberBinding="{Binding NombreArchivo}" />
                    <GridViewColumn Header="FechaInicio" Width="120" DisplayMemberBinding="{Binding FechaInicio}" />
                    <GridViewColumn Header="Estado" Width="50" DisplayMemberBinding="{Binding Estado}" />
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>

    Code behind:

    using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Documents;

namespace WpfCambiarColorRowGridview
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            List<Archivo> items = new List<Archivo>();
            items.Add(new Archivo() { NombreArchivo = "file01.txt", FechaInicio = new DateTime(2017,7,1), Estado = 1 });
            items.Add(new Archivo() { NombreArchivo = "file02.txt", FechaInicio = new DateTime(2017, 7, 2), Estado = 2 });
            items.Add(new Archivo() { NombreArchivo = "file03.txt", FechaInicio = new DateTime(2017, 7, 3), Estado = 3 });
            lvUsers.ItemsSource = items;
        }
    }

    public class Archivo
    {
        public string NombreArchivo { get; set; }

        public DateTime FechaInicio { get; set; }

        public int Estado { get; set; }
    }
}

    Result:

    enter image description here

    • 3

  2. you can also do something like:

    <Border Name="ClearButtonBorder" Grid.Column="1" CornerRadius="0,3,3,0">
        <Border.Style>
            <Style>
                <Setter Property="Border.Background" Value="Blue"/>
                <Style.Triggers>
                    <Trigger Property="Border.IsMouseOver" Value="True">
                        <Setter Property="Border.Background" Value="Green" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Border.Style>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="X" />
    </Border>

    this would be a trigger for mauseover.

    • 0