WPF TreeView Style Examples

Yes, you're right; the style below may be too lengthy, but it's worth giving it a try. To change the style of your WPF TreeView control, simply create a copy of the TreeViewItem ControlTemplate and paste it into your application. This is a straightforward way to get started with customizing the appearance of your tree view.

You can use Expression Blend to obtain templates for all the building blocks of a TreeView control and customize their look as needed. If you're new to using Blend to get control templates, don't worry; there's a simple tutorial available in the documentation of Telerik controls that works similarly for all controls.

For more advanced styling options, I recommend getting the ControlTemplate of a TreeViewItem using Blend, then editing it to suit your needs without making too many changes. Keep in mind that the names of controls used as templates may have important meanings, so be cautious when editing them.

If you prefer to use an explicitly defined style for your TreeViewItem, use the `BasedOn` attribute (without quotes). This will allow you to edit only the defined properties while using the default style of the TreeViewItem. You can find many good examples online that demonstrate how to customize this control in various ways.

In my example, I stripped down an existing style to include only the necessary elements to match your requirements. There are also several good tutorials available on MSDN, such as 'this one'(http://msdn.microsoft.com/en-us/library/vs/aa970779.aspx).

One issue I encountered was that when I hovered over a subitem in my TreeView, I didn't get any visual indication of the hover state. To add a margin to a ToggleButton within a TreeView, you need to create a custom ControlTemplate.

My TreeView is populated with directories using code-behind. Sorry if there are any typos in the XAML; I'm writing this from a non-Visual Studio or Blend-enabled computer. One thing I noticed was that you must add the Style to each node that has children, which means that if you're using XAML, you'll need to do something like...

Let me know if this is what you were looking for, and I can post up an example. My example is done in Blend and is entirely XAML-based.

When you mouse over a TreeViewItem, but aren't sure if you were trying to accomplish this task using XAML or code-behind, I have a style that changes the cursor from a hand to an arrow when the TreeViewItem is moused over (or moused overed?).

I experimented with this earlier today but didn't want to commit to an answer at the time.

Wpf treeview style examples