How to color each row in listView in wpf ?

Question

The xaml code with the listView

The main window cs code

using System;  
using System.Collections.Generic;  
using System.Globalization;  
using System.Linq;  
using System.Reflection;  
using System.Text;  
using System.Threading;  
using System.Threading.Tasks;  
using System.Windows;  
using System.Windows.Controls;  
using System.Windows.Data;  
using System.Windows.Documents;  
using System.Windows.Input;  
using System.Windows.Media;  
using System.Windows.Media.Imaging;  
using System.Windows.Navigation;  
using System.Windows.Shapes;  
  
namespace Lab_ListView  
{  
    ///   
    /// Interaction logic for MainWindow.xaml  
    ///   
    public partial class MainWindow : Window  
    {  
        List ITEMS = new List();  
  
        public MainWindow()  
        {  
            InitializeComponent();  
  
            this.WindowStartupLocation = WindowStartupLocation.CenterScreen;  
        }  
  
        public class Device  
        {  
            public string IP { get; set; }  
            public string Ping { get; set; }  
            public string DNS { get; set; }  
            public string MAC { get; set; }  
            public string Manufacturer { get; set; }  
        }  
  
        private void ChangeRowColor(int RowIndex, SolidColorBrush NewBackground)  
        {  
            ITEMS[RowIndex].Background = NewBackground;  
            listView.Items.Refresh();  
        }  
  
        private void Button_Click(object sender, RoutedEventArgs e)  
        {  
            for (int i = 1; i < 20; i++)  
            {  
                ListViewItem OneItem = new ListViewItem();  
                OneItem.Background = Brushes.LightGray;  
                OneItem.Content = new Device() { IP = "1.1.1.1", Ping = "30ms", DNS = "XYZ", MAC = "2F:3C:5F:41:F9", Manufacturer = "Intel" };  
                ITEMS.Add(OneItem);  
                listView.ItemsSource = ITEMS;  
            }  
            listView.Items.Refresh();  
        }  
  
        private async Task Button_Click_1(object sender, RoutedEventArgs e)  
        {  
            await Main();  
        }  
  
        public async Task Main()  
        {  
            await Task.Run(() => {  
                // Just loop.  
                for (int i = 0; i < ITEMS.Count; i++)  
                {  
                    var random = new Random();  
                    var b = PickRandomBrush(random);  
                    ChangeRowColor(i, (SolidColorBrush)b);  
                }  
            });  
        }  
  
        private Brush PickRandomBrush(Random rnd)  
        {  
            Brush result = Brushes.Transparent;  
            Type brushesType = typeof(Brushes);  
            PropertyInfo[] properties = brushesType.GetProperties();  
            int random = rnd.Next(properties.Length);  
            result = (Brush)properties[random].GetValue(null, null);  
            return result;  
        }  
    }  
}

First i click the button to add the items to the listView then i click the button1 to color the items.

If i'm just making in the button1 click event :

System.Windows.Media.SolidColorBrush bb = new SolidColorBrush();  
bb.Color = Colors.Red;  
ChangeRowColor(1, bb);

it will color the first row in index 1 at red.

but i want to make some changes and add some stuff.

i want to make the loop of changing the colors in a thread that's why i'm using async Task.
i want few things to do :

to make the loop of colors changing in a thread so it will not freeze the whole application.
to make it to change each row to a different random color each time nonstop.
first to make it once i can't make it to change each row in a different color. if i'm using this loop in a regular button click event it will color all the row's in the same random picked color.
i want that each row will have another color ! and then to make it in a thread and also to make it nonstop changing the colors maybe using a timer ?

another problem is that i'm getting error on line 25 in the Mainwindow.xaml

The error :

Severity Code Description Project File Line Suppression State
Error CS0407 'Task MainWindow.Button_Click_1(object, RoutedEventArgs)' has the wrong return type Lab-ListView C:\Lab-ListView-master\Lab-ListView-master\Lab-ListView\MainWindow.xaml 25 Active

Accepted Answer

Hi,
try following demo as MVVM with your code:

and ViewModel:

using System;  
using System.Collections.ObjectModel;  
using System.ComponentModel;  
using System.Reflection;  
using System.Runtime.CompilerServices;  
using System.Threading.Tasks;  
using System.Windows;  
using System.Windows.Data;  
using System.Windows.Input;  
using System.Windows.Media;  
  
namespace WpfApp116  
{  
	public class ViewModel : ICommand, INotifyPropertyChanged  
	{  
		private CollectionViewSource cvs = new CollectionViewSource();  
		private ObservableCollection col = new ObservableCollection();  
  
		public ICollectionView View { get => cvs.View; }  
  
		public event EventHandler CanExecuteChanged;  
		public bool CanExecute(object parameter) => true;  
		public async void Execute(object parameter)  
		{  
			switch (parameter.ToString())  
			{  
				case "AddBtn_Click":  
					break;  
				case "Button_Click":  
					for (int i = 1; i < 20; i++)  
					{  
						Device dev = new Device() { IP = "1.1.1.1", Ping = "30ms", DNS = "XYZ", MAC = "2F:3C:5F:41:F9", Manufacturer = "Intel" };  
						col.Add(dev);  
					}  
					cvs.Source = col;  
					OnPropertyChanged(nameof(View));  
					break;  
				case "Button_Click_1":  
					await Main();  
					break;  
				default:  
					break;  
			}  
		}  
  
		Random random = new Random();  
  
		private async Task Main()  
		{  
			await Task.Run(() =>  
			{  
				// Just loop.  
				foreach (Device dev in col) dev.BackgroundColor = PickRandomBrush(random);  
			});  
		}  
  
		private Brush PickRandomBrush(Random rnd)  
		{  
			Brush result = Brushes.Transparent;  
			Type brushesType = typeof(Brushes);  
			PropertyInfo[] properties = brushesType.GetProperties();  
			int random = rnd.Next(properties.Length);  
			result = (Brush)properties[random].GetValue(null, null);  
			return result;  
		}  
  
		public event PropertyChangedEventHandler PropertyChanged;  
		protected void OnPropertyChanged([CallerMemberName] string propName = "") =>  
			PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));  
	}  
  
	public class Device : INotifyPropertyChanged  
	{  
		public string IP { get; set; }  
		public string Ping { get; set; }  
		public string DNS { get; set; }  
		public string MAC { get; set; }  
		public string Manufacturer { get; set; }  
  
		private Brush _backgroundColor;  
		public Brush BackgroundColor  
		{  
			get => this._backgroundColor;  
			set  
			{  
				this._backgroundColor = value;  
				OnPropertyChanged();  
			}  
		}  
  
		public event PropertyChangedEventHandler PropertyChanged;  
		protected void OnPropertyChanged([CallerMemberName] string propName = "") =>  
			PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));  
	}  
}

Result:

Share via

How to color each row in listView in wpf ?

0 additional answers

Your answer