How to set dynamically the stacklayout backgroundcolour in the List view (.net Maui)?

Question

How to set dynamically the stacklayout backgroundcolour in the List view (.net Maui)?

Sowndarrajan Vijayaragavan 470

1.In XAML
<ListView x:Name="lvWires" ItemsSource="{Binding Wires}" >
	<ListView.ItemTemplate  >
		<DataTemplate >
			<ViewCell>
				<StackLayout BackgroundColor="{Binding BgColor}">
					<Label Text="Test" />
				</StackLayout>
			</ViewCell>
		</DataTemplate>
	</ListView.ItemTemplate>
</ListView>
///////////////////////////////////////////////////////////////////
2.In VM
[ObservableProperty]
public ObservableCollection<Wire> wires;

Wires.Add(new Wire { BgColor = "Red" });

i had hard cord it to red but it is not updating in UI

Alessandro Caliaro 4,206 Reputation points

2023-05-05T10:05:05.57+00:00

Can you post the "Wire" class?
Sowndarrajan Vijayaragavan 470 Reputation points

2023-05-05T10:09:48.7866667+00:00
public class Wire { public string BgColor{ get; set; } ..... }

Same solution is working fine XAMARIN

2 answers

Your answer

Alessandro Caliaro 4,206 Reputation points

2023-05-05T10:05:05.57+00:00

Can you post the "Wire" class?
Sowndarrajan Vijayaragavan 470 Reputation points

2023-05-05T10:09:48.7866667+00:00

public class Wire { public string BgColor{ get; set; } ..... }

Same solution is working fine XAMARIN

Answer 1

Sowndarrajan Vijayaragavan 470

public partial class Wire : ObservableObject
{
		[ObservableProperty]
        Color bgColor{ get; set; }
       .....
}

0 comments

Answer 2

Alessandro Caliaro 4,206

You have to implement INotifyPropertyChanged in your Wire class.

I think you can do something like

public partial class Wire : ObservableObject
{
		[ObservableProperty]
        string bgColor{ get; set; }
       .....
}

Sowndarrajan Vijayaragavan 470

i tryed it is not working

 public partial  class Wire : ObservableObject
{
        //public string bgColor { get; set; }

       [ObservableProperty]
        string bgColor;
}

Alessandro Caliaro 4,206 Reputation points

2023-05-05T11:05:20.6066667+00:00

can you post a repo on github?
Lloyd Sheen 1,491 Reputation points

2023-05-05T12:54:53.8833333+00:00

You have a problem with string rather than color. Since you are using binding when the ListView trys to accesss the color for BackGroundColor it has no idea what to do with it. Simply change string to Color and in the line

Wires.Add(new Wire { BgColor = "Red" });

change it so that it sets the property to a color rather than a string
Sowndarrajan Vijayaragavan 470 Reputation points

2023-05-05T13:38:32.2+00:00

i tryed it is not working
Lloyd Sheen 1,491 Reputation points

2023-05-05T15:17:00.4033333+00:00

Did you change the property to a Color? If so it works well. using a string shows no background color and using a color shows the color. Can you show what you did?

Sowndarrajan Vijayaragavan 470

public partial  class Wire : ObservableObject
{

        Color BgColor{ get; set; }
}

In Vm

BgColor = Color.FromArgb(1,0,0,0);

Lloyd Sheen 1,491 Reputation points

2023-05-06T12:50:02.6533333+00:00

As long as you have string as the type of property it will not work.
Sowndarrajan Vijayaragavan 470 Reputation points

2023-05-08T04:56:31.6366667+00:00

BgColor = Color.FromRgb(255, 0, 0);

Now it is working thank you very much

Share via

How to set dynamically the stacklayout backgroundcolour in the List view (.net Maui)?

2 answers

Your answer