WPF TreeView: How to style selected items with rounded corners like in Explorer

by

Adding to @Sheridan’s answer
This isn’t a 100% accurate but should get you pretty close (it’s using the colors from GridView which is pretty close to Windows Explorer)

enter image description here

<TreeView ...>
    <TreeView.Resources>
        <LinearGradientBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" EndPoint="0,1" StartPoint="0,0">
            <GradientStop Color="#FFD9F4FF" Offset="0"/>
            <GradientStop Color="#FF9BDDFB" Offset="1"/>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="{x:Static SystemColors.ControlBrushKey}" EndPoint="0,1" StartPoint="0,0">
            <GradientStop Color="#FFEEEDED" Offset="0"/>
            <GradientStop Color="#FFDDDDDD" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="Black" />
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlTextBrushKey}" Color="Black" />
    </TreeView.Resources>
    <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}">
            <Setter Property="BorderThickness" Value="1.5"/>
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="BorderBrush" Value="#adc6e5"/>
                </Trigger>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsSelected" Value="True"/>
                        <Condition Property="IsSelectionActive" Value="False"/>
                    </MultiTrigger.Conditions>
                    <Setter Property="BorderBrush" Value="LightGray"/>
                </MultiTrigger>
            </Style.Triggers>
            <Style.Resources>
                <Style TargetType="Border">
                    <Setter Property="CornerRadius" Value="2"/>
                </Style>
            </Style.Resources>                    
        </Style>
    </TreeView.ItemContainerStyle>
</TreeView>

More Related Contents:

  1. Difference between SelectedItem, SelectedValue and SelectedValuePath
  2. Binding ConverterParameter
  3. XAML Combine styles going beyond BasedOn?
  4. WPF Some styles not applied on DataTemplate controls
  5. WPF – Global Style?
  6. WPF C# button style
  7. How to make WPF TreeView style as WinForms TreeView?
  8. How do I dynamically bind and statically add MenuItems?
  9. Can you define multiple TargetTypes for one XAML style?
  10. Binding to static property
  11. Get selected row item in DataGrid WPF
  12. Why does the binding update without implementing INotifyPropertyChanged?
  13. WPF: Canvas mouse events not firing on empty space
  14. How to make overlay control above all other controls?
  15. What is the difference between x:Reference and ElementName?
  16. Trouble referencing a Resource Dictionary that contains a Merged Dictionary
  17. Are “{Binding Path=.}” and “{Binding}” really equal
  18. WPF: XAML property declarations not being set via Setters?
  19. How can I reduce RadioButton binding code?
  20. Setting a style’s TargetType property to a base class
  21. TextBox TextTrimming
  22. Remove Highlight Effect from ListViewItem
  23. Difference between {Binding PropertyName} and {Binding Path=PropertyName}
  24. How to set DataGrid’s row Background, based on a property value using data bindings
  25. How can I achieve a dashed or dotted border in WPF?
  26. What is the difference for TargetType=”{x:Type Button}” and TargetType=”Button”?
  27. Setting DataContext within UserControl is affecting bindings in parent
  28. How to set foreground and background colors on a WPF Menu control?
  29. How to display search results in a WPF items control with highlighted query terms
  30. WrapPanel as ItemPanel for ItemsControl

Leave a Comment