WPF ListView turn off selection

Question

I have a simple WPF ListView and a simple question   Is it possible to turn off the selection  so when user clicks row  the row is not highlighted     I would like the row 1 to look just like row 0 when clicked   Possibly related  can I style the look of the hover   selection  Eg  to replace the blue gradient hover look  line 3  with a custom solid color  I have found this and this  unfortunately not helping    Achieving the same without using ListView is acceptable too  I d just like to be able to use logical scrolling and UI virtualization as ListView does   The XAML for ListView is    lt ListView Height  280  Name  listView  gt       lt ListView Resources gt           lt  -- attempt to override selection color -- gt           lt SolidColorBrush x Key   x Static SystemColors HighlightColorKey                            Color  Green    gt       lt  ListView Resources gt       lt ListView View gt           lt GridView gt               lt GridView Columns gt                   lt GridViewColumn Header  Name  DisplayMemberBinding   Binding Name     gt                   lt  -- more columns -- gt               lt  GridView Columns gt           lt  GridView gt        lt  ListView View gt   lt  ListView gt

User · Answer

Moore s answer doesn t work  and the page here   Specifying the Selection Color  Content Alignment  and Background Color for items in a ListBox  explains why it cannot work   If your listview only contains basic text  the simplest way to solve the problem is by using transparent brushes    lt Window Resources gt     lt Style TargetType   x Type ListViewItem   gt       lt Style Resources gt         lt SolidColorBrush x Key   x Static SystemColors HighlightBrushKey   Color   00000000   gt         lt SolidColorBrush x Key   x Static SystemColors ControlBrushKey   Color   00000000   gt       lt  Style Resources gt     lt  Style gt   lt  Window Resources gt    This will produce undesirable results if the listview s cells are holding controls such as comboboxes  since it also changes their color  To solve this problem  you must redefine the control s template      lt Window Resources gt       lt Style TargetType   x Type ListViewItem   gt         lt Setter Property  Template  gt           lt Setter Value gt             lt ControlTemplate TargetType   x Type ListViewItem   gt               lt Border SnapsToDevicePixels  True                       x Name  Bd                       Background   TemplateBinding Background                        BorderBrush   TemplateBinding BorderBrush                        BorderThickness   TemplateBinding BorderThickness                        Padding   TemplateBinding Padding   gt                 lt GridViewRowPresenter SnapsToDevicePixels   TemplateBinding SnapsToDevicePixels                                        VerticalAlignment   TemplateBinding VerticalContentAlignment                                        Columns   TemplateBinding GridView ColumnCollection                                        Content   TemplateBinding Content    gt               lt  Border gt               lt ControlTemplate Triggers gt                 lt Trigger Property  IsEnabled                          Value  False  gt                   lt Setter Property  Foreground                           Value   DynamicResource  x Static SystemColors GrayTextBrushKey     gt                 lt  Trigger gt               lt  ControlTemplate Triggers gt             lt  ControlTemplate gt           lt  Setter Value gt         lt  Setter gt       lt  Style gt     lt  Window Resources gt

User · Answer

Okay  little late to the game  but none of these solutions quite did what I was trying to do  These solutions have a couple problems   Disable the ListViewItem  which screws up the styles and disables all the children controls Remove from the hit-test stack  i e  children controls never get a mouse-over or click Make it not focusable  this just plain didn t work for me    I wanted a ListView with the grouping headers  and each ListViewItem should just be  informational  without selection or hover over  but the ListViewItem has a button in it that I want to be click-able and have hover-over   So  really what I want is the ListViewItem to not be a ListViewItem at all  So  I over rode the ListViewItem s ControlTemplate and just made it a simple ContentControl     lt ListView ItemContainerStyle gt       lt Style TargetType  ListViewItem  gt           lt Setter Property  Template  gt               lt Setter Value gt                   lt ControlTemplate gt                       lt ContentControl Content   Binding Content  RelativeSource  RelativeSource TemplatedParent     gt                   lt  ControlTemplate gt               lt  Setter Value gt            lt  Setter gt        lt  Style gt   lt  ListView ItemContainerStyle gt

User · Answer

Below code disables ListViewItem row selection and also allows to add padding  margin etc     lt ListView ItemContainerStyle gt                                                                                    lt Style TargetType  ListViewItem  gt                                                                                                lt Setter Property  Template  gt                                                                                                        lt Setter Value gt                                                                                                           lt ControlTemplate TargetType   x Type ListViewItem   gt                                                                                                                     lt ListViewItem Padding  0  Margin  0  gt                                                                                                                             lt ContentPresenter   gt                 lt  ListViewItem gt              lt  ControlTemplate gt                                                                      lt  Setter Value gt                                                                                                   lt  Setter gt         lt  Style gt                                                                           lt  ListView ItemContainerStyle gt

User · Answer

The easiest way I found    lt Setter Property  Focusable  Value  false   gt

User · Answer

Here s the default template for ListViewItem from Blend   Default ListViewItem Template            lt Setter Property  Template  gt               lt Setter Value gt                   lt ControlTemplate TargetType   x Type ListViewItem   gt                       lt Border x Name  Bd  BorderBrush   TemplateBinding BorderBrush   BorderThickness   TemplateBinding BorderThickness   Background   TemplateBinding Background   Padding   TemplateBinding Padding   SnapsToDevicePixels  true  gt                           lt ContentPresenter HorizontalAlignment   TemplateBinding HorizontalContentAlignment   SnapsToDevicePixels   TemplateBinding SnapsToDevicePixels   VerticalAlignment   TemplateBinding VerticalContentAlignment    gt                       lt  Border gt                       lt ControlTemplate Triggers gt                           lt Trigger Property  IsSelected  Value  true  gt                               lt Setter Property  Background  TargetName  Bd  Value   DynamicResource  x Static SystemColors HighlightBrushKey     gt                               lt Setter Property  Foreground  Value   DynamicResource  x Static SystemColors HighlightTextBrushKey     gt                           lt  Trigger gt                           lt MultiTrigger gt                               lt MultiTrigger Conditions gt                                   lt Condition Property  IsSelected  Value  true   gt                                   lt Condition Property  Selector IsSelectionActive  Value  false   gt                               lt  MultiTrigger Conditions gt                               lt Setter Property  Background  TargetName  Bd  Value   DynamicResource  x Static SystemColors InactiveSelectionHighlightBrushKey     gt                               lt Setter Property  Foreground  Value   DynamicResource  x Static SystemColors InactiveSelectionHighlightTextBrushKey     gt                           lt  MultiTrigger gt                           lt Trigger Property  IsEnabled  Value  false  gt                               lt Setter Property  Foreground  Value   DynamicResource  x Static SystemColors GrayTextBrushKey     gt                           lt  Trigger gt                       lt  ControlTemplate Triggers gt                   lt  ControlTemplate gt               lt  Setter Value gt           lt  Setter gt    Just remove the IsSelected Trigger and IsSelected IsSelectionActive MultiTrigger  by adding the below code to your Style to replace the default template  and there will be no visual change when selected    Solution to turn off the IsSelected property s visual changes        lt Setter Property  Template  gt           lt Setter Value gt               lt ControlTemplate TargetType   x Type ListViewItem   gt                   lt Border x Name  Bd  BorderBrush   TemplateBinding BorderBrush   BorderThickness   TemplateBinding BorderThickness   Background   TemplateBinding Background   Padding   TemplateBinding Padding   SnapsToDevicePixels  true  gt                       lt ContentPresenter HorizontalAlignment   TemplateBinding HorizontalContentAlignment   SnapsToDevicePixels   TemplateBinding SnapsToDevicePixels   VerticalAlignment   TemplateBinding VerticalContentAlignment    gt                   lt  Border gt                   lt ControlTemplate Triggers gt                       lt Trigger Property  IsEnabled  Value  false  gt                           lt Setter Property  Foreground  Value   DynamicResource  x Static SystemColors GrayTextBrushKey     gt                       lt  Trigger gt                   lt  ControlTemplate Triggers gt               lt  ControlTemplate gt           lt  Setter Value gt       lt  Setter gt

User · Answer

Below code disable Focus on ListViewItem   lt ListView ItemContainerStyle gt   lt Style TargetType   x Type ListViewItem   gt       lt Setter Property  Background  Value  Transparent    gt       lt Setter Property  Template  gt           lt Setter Value gt               lt ControlTemplate TargetType   x Type ListViewItem   gt                   lt ContentPresenter   gt               lt  ControlTemplate gt           lt  Setter Value gt       lt  Setter gt   lt  Style gt

User · Answer

Set the style of each ListViewItem to have Focusable set to false    lt ListView ItemsSource   Binding Test    gt       lt ListView ItemContainerStyle gt           lt Style TargetType   x Type ListViewItem   gt               lt Setter Property  Focusable  Value  False   gt           lt  Style gt       lt  ListView ItemContainerStyle gt   lt  ListView gt

User · Answer

Per Martin Konicek s comment  to fully disable the selection of the items in the simplest manner    lt ListView gt       lt ListView ItemContainerStyle gt           lt Style TargetType  ListViewItem  gt               lt Setter Property  Focusable  Value  false   gt           lt  Style gt       lt  ListView ItemContainerStyle gt           lt  ListView gt    However if you still require the functionality of the ListView  like being able to select an item  then you can visually disable the styling of the selected item like so   You can do this a number of ways  from changing the ListViewItem s ControlTemplate to just setting a style  much easier    You can create a style for the ListViewItems using the ItemContainerStyle and  turn off  the background and border brush when it is selected    lt ListView gt       lt ListView ItemContainerStyle gt           lt Style TargetType   x Type ListViewItem   gt               lt Style Triggers gt                   lt Trigger Property  IsSelected                           Value  True  gt                       lt Setter Property  Background                              Value   x Null     gt                       lt Setter Property  BorderBrush                              Value   x Null     gt                   lt  Trigger gt               lt  Style Triggers gt           lt  Style gt       lt  ListView ItemContainerStyle gt           lt  ListView gt    Also  unless you have some other way of notifying the user when the item is selected  or just for testing  you can add a column to represent the value    lt GridViewColumn Header  IsSelected                  DisplayMemberBinding   Binding RelativeSource  RelativeSource Mode FindAncestor  AncestorType  x Type ListViewItem    Path IsSelected     gt

User · Answer

This is for others who may encounter the following requirements    Completely replace the visual indication of  selected   e g  use some kind of shape   beyond just changing the color of the standard highlight Include this selected indication in the DataTemplate along with the other visual representations of your model  but  Don t want to have to add an  IsSelectedItem  property to your model class and be burdened with manually manipulating that property on all model objects   Require items to be selectable in the ListView Also would like to replace the visual representation of IsMouseOver   If you re like me  using WPF with  NET 4 5  and found that the solutions involving style triggers simply didn t work  here s my solution   Replace the ControlTemplate of the ListViewItem in a style    lt ListView ItemsSource   Binding MyStrings   ItemTemplate   StaticResource dtStrings   gt           lt ListView ItemContainerStyle gt               lt Style TargetType  ListViewItem  gt                   lt Setter Property  Template  gt                       lt Setter Value gt                           lt ControlTemplate TargetType  ListViewItem  gt                               lt ContentPresenter  gt                           lt  ControlTemplate gt                       lt  Setter Value gt                   lt  Setter gt               lt  Style gt           lt  ListView ItemContainerStyle gt       lt  ListView gt      And the DataTemplate    lt DataTemplate x Key  dtStrings  gt           lt Border Background  LightCoral  Width  80  Height  24  Margin  1  gt               lt Grid  gt                   lt Border Grid ColumnSpan  2  Background   88FF0000  Visibility   Binding RelativeSource  RelativeSource AncestorType ListViewItem   Path IsMouseOver  Converter  StaticResource conBoolToVisibilityTrueIsVisibleFalseIsCollapsed     gt                   lt Rectangle Grid Column  0  Fill  Lime  Width  10  HorizontalAlignment  Left  Visibility   Binding RelativeSource  RelativeSource AncestorType ListViewItem   Path IsSelected  Converter  StaticResource conBoolToVisibilityTrueIsVisibleFalseIsCollapsed      gt                   lt TextBlock Grid Column  1  Text   Binding   HorizontalAlignment  Center  VerticalAlignment  Center  Foreground  White    gt               lt  Grid gt           lt  Border gt       lt  DataTemplate gt    Results in this at runtime  item  B  is selected  item  D  has mouse over

User · Answer

Further to the solution above    I would use a MultiTrigger to allow the MouseOver highlights to continue to work after selection such that your ListViewItem s style will be            lt ListView ItemContainerStyle gt               lt Style TargetType  ListViewItem  gt                   lt Style Triggers gt                       lt MultiTrigger gt                           lt MultiTrigger Conditions gt                               lt Condition Property  IsSelected  Value  True    gt                               lt Condition Property  IsMouseOver  Value  False    gt                           lt  MultiTrigger Conditions gt                           lt MultiTrigger Setters gt                               lt Setter Property  Background  Value   x Null     gt                               lt Setter Property  BorderBrush  Value   x Null     gt                           lt  MultiTrigger Setters gt                       lt  MultiTrigger gt                   lt  Style Triggers gt               lt  Style gt           lt  ListView ItemContainerStyle gt

User · Answer

One of the properties of the listview is IsHitTestVisible  Uncheck it

User · Answer

Use the code below   lt ListView ItemContainerStyle gt       lt Style TargetType  quot  x Type ListViewItem  quot  gt           lt Setter Property  quot Background quot  Value  quot Transparent quot    gt           lt Setter Property  quot Template quot  gt               lt Setter Value gt                   lt ControlTemplate TargetType  quot  x Type ListViewItem  quot  gt                       lt ContentPresenter   gt                   lt  ControlTemplate gt               lt  Setter Value gt           lt  Setter gt       lt  Style gt   lt  ListView ItemContainerStyle gt

[wpf] WPF ListView turn off selection

Examples related to wpf

Examples related to listview