How to set the selecteditem background color in List View (.net MUAI)

Question

How to set the selecteditem background color in List View (.net MUAI)

Sowndarrajan Vijayaragavan 450

Fei Xu 490 Reputation points

2023-05-02T07:31:07.4133333+00:00

I want to know it too.
Sowndarrajan Vijayaragavan 450 Reputation points

2023-05-03T05:37:30.4633333+00:00

In .net MAUI

1.For the LIST VIEW - selected item background color change is not working.

2.For the COLLECTION VIEW - preselected item is not working.
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2023-05-03T09:27:04.4966667+00:00

For background color issue of selected item on Windows platform, I have posted a comment, you could check if it works.

For CollectionView issue, it's recommended that you open a new thread and please explain in detail what is still going wrong and what you need help with. And you can attach the link here, then we can work together to figure it out.

Please avoid posting multiple questions in a single thread. This way, the community can give you their undivided attention and provide the best possible response. -- Quoted from Guidelines for posting a quality question on Microsoft Q&A.

Gabriel Juren 0

I found a solution, you need to create a class inheriting from ViewCell, and then use the HandlerChanged event to change the background color.

After that, you need to call your CViewCell to your ListView.

#if ANDROID
using Android.Views;
using Microsoft.Maui.Controls.Compatibility.Platform.Android;
#endif

	public class CViewCell : ViewCell
    {

        public CViewCell()
        {
#if ANDROID
            HandlerChanged += CExpandableViewCell_HandlerChanged;
#endif
        }

#if ANDROID
        private void CExpandableViewCell_HandlerChanged(object sender, EventArgs e)
        {
            ViewGroup viewGroup = (ViewGroup)((ViewCell)sender).Handler.PlatformView;
            viewGroup.SetBackgroundColor(Color.FromArgb("#d1cfcf").ToAndroid());
        }
#endif

    }

Accepted answer

0 additional answers

Your answer

Fei Xu 490 Reputation points

2023-05-02T07:31:07.4133333+00:00

I want to know it too.
Sowndarrajan Vijayaragavan 450 Reputation points

2023-05-03T05:37:30.4633333+00:00

In .net MAUI

1.For the LIST VIEW - selected item background color change is not working.

2.For the COLLECTION VIEW - preselected item is not working.
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2023-05-03T09:27:04.4966667+00:00

For background color issue of selected item on Windows platform, I have posted a comment, you could check if it works.

For CollectionView issue, it's recommended that you open a new thread and please explain in detail what is still going wrong and what you need help with. And you can attach the link here, then we can work together to figure it out.

Please avoid posting multiple questions in a single thread. This way, the community can give you their undivided attention and provide the best possible response. -- Quoted from Guidelines for posting a quality question on Microsoft Q&A.
Gabriel Juren 0 Reputation points

2023-12-19T13:19:07.8266667+00:00

I found a solution, you need to create a class inheriting from ViewCell, and then use the HandlerChanged event to change the background color.

After that, you need to call your CViewCell to your ListView.

#if ANDROID using Android.Views; using Microsoft.Maui.Controls.Compatibility.Platform.Android; #endif public class CViewCell : ViewCell { public CViewCell() { #if ANDROID HandlerChanged += CExpandableViewCell_HandlerChanged; #endif } #if ANDROID private void CExpandableViewCell_HandlerChanged(object sender, EventArgs e) { ViewGroup viewGroup = (ViewGroup)((ViewCell)sender).Handler.PlatformView; viewGroup.SetBackgroundColor(Color.FromArgb("#d1cfcf").ToAndroid()); } #endif }

Answer 1

Hello,

There is a known issue reported at GitHub- Android: ListView Item selected color is by default Orange and no property available to change this color #13812, please follow the progress.

And there is a workaround for iOS and Android at GitHub, you have to customize the ViewCell with Microsoft.Maui.Controls.Handlers.Compatibility.ViewCellRenderer, then overwrite the iOS and Android native methods to set the background color for the cell.

Please refer to Customizing a ViewCell - Xamarin | Microsoft Learn

and Reuse custom renderers in .NET MAUI - .NET MAUI | Microsoft Learn

In addition, it's recommended that you try to use CollectionView instead of ListView, and change selected item color.

Update

Windows platform is based on WinUI, you could try to open App.xaml under Platforms/Windows folder, then modify the default resource.

<maui:MauiWinUIApplication ......>
    <maui:MauiWinUIApplication.Resources>
        <ResourceDictionary>
            <SolidColorBrush x:Key="ListViewItemBackgroundSelected" Color="#Ff0000" />
            <SolidColorBrush x:Key="ListViewItemBackgroundSelectedPointerOver" Color="#Ff0000" />
            <SolidColorBrush x:Key="ListViewItemBackgroundSelectedPressed" Color="#Ff0000" />
            <SolidColorBrush x:Key="ListViewItemSelectedBackgroundThemeBrush" Color="#Ff0000" />
        </ResourceDictionary>
    </maui:MauiWinUIApplication.Resources>
</maui:MauiWinUIApplication>

For more styles, you can see the WinUI source code: ListViewItem_themeresources.xaml

Best Regards,

Wenyan Zhang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Sowndarrajan Vijayaragavan 450 Reputation points

2023-05-03T05:01:51.1933333+00:00

We need solution for Windows platform(UWP)...Our development platform in .net MAUI
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2023-05-03T09:17:00.2333333+00:00

Windows platform is based on WinUI, you could try to open App.xaml under Platforms/Windows folder, then modify the default resource.

<maui:MauiWinUIApplication ......> <maui:MauiWinUIApplication.Resources> <ResourceDictionary> <SolidColorBrush x:Key="ListViewItemBackgroundSelected" Color="#Ff0000" /> <SolidColorBrush x:Key="ListViewItemBackgroundSelectedPointerOver" Color="#Ff0000" /> <SolidColorBrush x:Key="ListViewItemBackgroundSelectedPressed" Color="#Ff0000" /> <SolidColorBrush x:Key="ListViewItemSelectedBackgroundThemeBrush" Color="#Ff0000" /> </ResourceDictionary> </maui:MauiWinUIApplication.Resources> </maui:MauiWinUIApplication>

For more styles, you can see the WinUI source code: ListViewItem_themeresources.xaml
Sowndarrajan Vijayaragavan 450 Reputation points

2023-05-03T09:56:48.7066667+00:00

Thank you . It is working fine
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2023-05-04T01:13:03.2+00:00

You are welcome. Glad you solved the problem. I updated the answer.

Share via

How to set the selecteditem background color in List View (.net MUAI)

0 additional answers

Your answer