Add ShowSelection Property to ListBoxItem (#2387)

* Add ShowSelection property for ListBoxItem

* Add example in Demo App

For no selection highlight for ListBoxItem

* Fix an error in DependencyProperty

* Update MainDemo.Wpf/Lists.xaml

yup, you're right

Co-authored-by: campersau <[email protected]>

Co-authored-by: campersau <[email protected]>

Author: StefanoRivolta-Previero

MainDemo.Wpf/Lists.xaml

@@ -6,6 +6,7 @@
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:domain="clr-namespace:MaterialDesignDemo.Domain"
     xmlns:smtx="clr-namespace:ShowMeTheXAML;assembly=ShowMeTheXAML"
+    xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
     mc:Ignorable="d" 
     d:DesignHeight="300"
     d:DesignWidth="300"
@@ -44,6 +45,7 @@
                 <ColumnDefinition Width="1*"/>
                 <ColumnDefinition Width="1*"/>
                 <ColumnDefinition Width="1*"/>
+                <ColumnDefinition Width="1*"/>
             </Grid.ColumnDefinitions>      
             <smtx:XamlDisplay
                 UniqueKey="list_1"
@@ -63,9 +65,28 @@
                 IsChecked="True"
                 Content="Enabled"/>
 
+            <smtx:XamlDisplay
+                UniqueKey="list_4"
+                Grid.Column="1">
+                <Grid>
+                    <ListBox>
+                        <ListBox.ItemContainerStyle>
+                            <Style TargetType="ListBoxItem" BasedOn="{StaticResource MaterialDesignListBoxItem}">
+                                <Setter Property="materialDesign:ListBoxItemAssist.ShowSelection" Value="False"/>
+                            </Style>
+                        </ListBox.ItemContainerStyle>
+                        <TextBlock Text="Listbox"/>
+                        <TextBlock Text="Without"/>
+                        <TextBlock Text="Selection"/>
+                        <TextBlock Text="Highlights"/>
+                    </ListBox>                    
+                </Grid>
+
+            </smtx:XamlDisplay>
+
             <smtx:XamlDisplay
                 UniqueKey="list_2"
-                Grid.Column="1"
+                Grid.Column="2"
                 Grid.Row="0">
                 <!-- piece together your own items control to create some nice stuff that will make everyone think you are cool. and rightly so, because you are cool.  you might even be a hipster for all I know -->
                 <ItemsControl
@@ -107,7 +128,7 @@
 
             <smtx:XamlDisplay
                 UniqueKey="list_3"
-                Grid.Column="2"
+                Grid.Column="3"
                 Grid.Row="0">
                 <!-- and here's another -->
                 <ItemsControl
@@ -196,4 +217,3 @@
         </smtx:XamlDisplay>
     </Grid>
 </UserControl>
-

MaterialDesignThemes.Wpf/ListBoxItemAssist.cs

@@ -18,5 +18,14 @@ public static readonly DependencyProperty CornerRadiusProperty
         public static void SetCornerRadius(DependencyObject element, CornerRadius value) => element.SetValue(CornerRadiusProperty, value);
         #endregion
 
+        #region ShowSelection
+        public static bool GetShowSelection(DependencyObject element)
+            => (bool)element.GetValue(ShowSelectionProperty);
+        public static void SetShowSelection(DependencyObject element, bool value)
+            => element.SetValue(ShowSelectionProperty, value);
+
+        public static readonly DependencyProperty ShowSelectionProperty =
+            DependencyProperty.RegisterAttached("ShowSelection", typeof(bool), typeof(ListBoxItemAssist), new PropertyMetadata(true));
+        #endregion
     }
 }

MaterialDesignThemes.Wpf/Themes/MaterialDesignTheme.ListBox.xaml

@@ -223,6 +223,7 @@
         <Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
         <Setter Property="Padding" Value="8"/>
         <Setter Property="SnapsToDevicePixels" Value="True"/>
+        <Setter Property="wpf:ListBoxItemAssist.ShowSelection" Value="True"/>
         <Setter Property="Template">
             <Setter.Value>
                 <ControlTemplate TargetType="{x:Type ListBoxItem}">
@@ -278,7 +279,8 @@
                             <Border x:Name="SelectedBorder" Opacity="0"
                                     Background="{TemplateBinding Foreground, Converter={StaticResource BrushRoundConverter}}">
                             </Border>
-                            <wpf:Ripple Feedback="{TemplateBinding Foreground, Converter={StaticResource BrushRoundConverter}}"
+                            <wpf:Ripple x:Name="Ripple"
+                                        Feedback="{TemplateBinding Foreground, Converter={StaticResource BrushRoundConverter}}"
                                         Focusable="False"
                                         Content="{TemplateBinding Content}"
                                         ContentTemplate="{TemplateBinding ContentTemplate}"
@@ -294,6 +296,11 @@
                         <Trigger Property="IsEnabled" Value="False">
                             <Setter Property="Opacity" Value=".56" />
                         </Trigger>
+                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=(wpf:ListBoxItemAssist.ShowSelection)}" Value="False">
+                            <Setter TargetName="MouseOverBorder" Property="Visibility" Value="Collapsed"/>
+                            <Setter TargetName="SelectedBorder" Property="Visibility" Value="Collapsed"/>
+                            <Setter TargetName="Ripple" Property="Feedback" Value="Transparent"/>
+                        </DataTrigger>
                     </ControlTemplate.Triggers>
                 </ControlTemplate>
             </Setter.Value>

MaterialDesignThemes.Wpf/TreeViewAssist.cs

@@ -126,9 +126,9 @@ public static void SetExpanderSize(DependencyObject element, double value)
         #region ShowSelection
 
         public static bool GetShowSelection(DependencyObject element)
-            => (bool)element.GetValue(ExpanderSizeProperty);
+            => (bool)element.GetValue(ShowSelectionProperty);
         public static void SetShowSelection(DependencyObject element, bool value)
-            => element.SetValue(ExpanderSizeProperty, value);
+            => element.SetValue(ShowSelectionProperty, value);
 
         public static readonly DependencyProperty ShowSelectionProperty =
             DependencyProperty.RegisterAttached("ShowSelection", typeof(bool), typeof(TreeViewAssist), new PropertyMetadata(true));