How to disable the default visual hint for ListViewItem selection in WinUI3 (Windows 10)

Question

In particular, I want to get rid of the default vertical blue animation that appears to the left of the selected ListViewItem after releasing the mouse button. That's at least the default behavior which I get on my Windows 10 pc.

I have this solution, which is not perfect, as for some reason I loose some of the other default styling like the rounded corners around the highlighted items. Also, as I clearly don't fully understand what's going on behind the scene, I'm afraid this solution might break once I add complexity to the UI.

My current solution:

<ListView.ItemContainerStyle>
    <Style TargetType="ListViewItem">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListViewItem">
                    <ListViewItemPresenter
                        PressedBackground="{ThemeResource ListViewItemBackgroundPointerOver}"
                        SelectedPressedBackground="{ThemeResource ListViewItemBackgroundPointerOver}"
                        SelectedPointerOverBackground="{ThemeResource ListViewItemBackgroundPointerOver}"
                        PointerOverBackground="{ThemeResource ListViewItemBackgroundPointerOver}"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ListView.ItemContainerStyle>

Andrew KeepCoding · Accepted Answer · 2023-09-19 03:00:53Z

2

You lose some of the default look when you override the ControlTemplate. If you just want to remove the blue line, you can just disable it by setting ListViewItemSelectionIndicatorVisualEnabled to false:

<Page.Resources>
    <x:Boolean x:Key="ListViewItemSelectionIndicatorVisualEnabled">False</x:Boolean>
</Page.Resources>

<ListView ItemsSource="{x:Bind Items}" />

or

<ListView ItemsSource="{x:Bind Items}" >
    <ListView.Resources>
        <x:Boolean x:Key="ListViewItemSelectionIndicatorVisualEnabled">False</x:Boolean>
    </ListView.Resources>
</ListView>

edited Sep 19, 2023 at 3:00

answered Aug 29, 2023 at 15:45

Andrew KeepCoding

15.4k2 gold badges25 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to disable the default visual hint for ListViewItem selection in WinUI3 (Windows 10)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related