How to change Highlight color of the selected ListView item in UWP (Windows 10)

by

Actually a better way to discover the styling properties is to use Blend.

First, open up your page in Blend. Then right click on your ListView and go

Edit Additional Templates > Edit Generated Item Container (ItemContainerStyle) > Edit a Copy.

Give it a name and hit OK.

Now, you have generated the full built-in style for your ListViewItems and this is where you can find all the information about their appearance, animations and other visual behaviors.

You should be look at this piece of code –

<ListViewItemPresenter CheckBrush="{ThemeResource SystemControlForegroundBaseMediumHighBrush}" 
                       ContentMargin="{TemplateBinding Padding}" 
                       CheckMode="Inline" 
                       ContentTransitions="{TemplateBinding ContentTransitions}" 
                       CheckBoxBrush="{ThemeResource SystemControlForegroundBaseMediumHighBrush}" 
                       DragForeground="{ThemeResource ListViewItemDragForegroundThemeBrush}" 
                       DragOpacity="{ThemeResource ListViewItemDragThemeOpacity}" 
                       DragBackground="{ThemeResource ListViewItemDragBackgroundThemeBrush}" 
                       DisabledOpacity="{ThemeResource ListViewItemDisabledThemeOpacity}" 
                       FocusBorderBrush="{ThemeResource SystemControlForegroundAltHighBrush}" 
                       FocusSecondaryBorderBrush="{ThemeResource SystemControlForegroundBaseHighBrush}" 
                       HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" 
                       PointerOverForeground="{ThemeResource SystemControlHighlightAltBaseHighBrush}"
                       PressedBackground="{ThemeResource SystemControlHighlightListMediumBrush}"
                       PlaceholderBackground="{ThemeResource ListViewItemPlaceholderBackgroundThemeBrush}"
                       PointerOverBackground="{ThemeResource SystemControlHighlightListLowBrush}"
                       ReorderHintOffset="{ThemeResource ListViewItemReorderHintThemeOffset}" 
                       SelectedPressedBackground="{ThemeResource SystemControlHighlightListAccentHighBrush}"
                       SelectionCheckMarkVisualEnabled="True" 
                       SelectedForeground="{ThemeResource SystemControlHighlightAltBaseHighBrush}"
                       SelectedPointerOverBackground="{ThemeResource SystemControlHighlightListAccentMediumBrush}" 
                       SelectedBackground="{ThemeResource SystemControlHighlightListAccentLowBrush}"
                       VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" />

See the line SelectedBackground="{ThemeResource SystemControlHighlightListAccentLowBrush}"? That’s where you can apply your own color to it. Keep in mind that it should be of type Brush instead of Color.

More Related Contents:

  1. Get Screen Resolution in Win10 UWP App
  2. Windows 10 ScrollIntoView() is not scrolling to the items in the middle of a listview
  3. Add Items to Columns in a WPF ListView
  4. How to execute Process commands (or similar) using a Universal Windows Platform (UWP) App?
  5. How to connect to SQL server database from a Windows 10 UWP app
  6. XAML GridView ItemTemplate not binding to control
  7. AdaptiveTrigger and DataTemplate
  8. Adding a swipe gesture to open SplitView Pane
  9. How to hide close button in WPF window?
  10. Select multiple items from a DataGrid in an MVVM WPF project
  11. using of INotifyPropertyChanged
  12. Implement Validation for WPF TextBoxes
  13. Selecting a Textbox Item in a Listbox does not change the selected item of the listbox
  14. Use StringFormat to add a string to a WPF XAML binding
  15. How can I set the color of a selected row in DataGrid
  16. the name does not exist in the namespace clr-namespace
  17. Add item to Listview control
  18. Cannot find source for binding with reference ‘RelativeSource FindAncestor’ [duplicate]
  19. How to Change Pivot Header Template in Windows Phone 8
  20. How to sort TreeView items using SortDescriptions in Xaml?
  21. DataBinding in WPF?
  22. Handling the window closing event with WPF / MVVM Light Toolkit
  23. How to prevent flickering in ListView when updating a single ListViewItem’s text?
  24. WPF OpenFileDialog with the MVVM pattern? [duplicate]
  25. DataGrid row content vertical alignment
  26. How to hide the vertical scroll bar in a .NET ListView Control in Details mode
  27. Having HierarchicalDataTemplates in a TreeView
  28. Select item programmatically in WPF ListView
  29. Using a XAML file as a vector Image Source
  30. UWP: how to start an exe file that is located in specific directory?

Leave a Comment