treeview with + and lines

Question

treeview with + and lines

essamce 621

hi, how to make treeview with node symbol as + symbol (instead of triangle) which converts to - symbol when expanded, and how to add lines (dash lines) that makes it easy to follow the intendations of the tree.
thanks in advance

2 answers

Your answer

Answer 1

DaisyTian-1203 11,641

You can use Shape.StrokeDashArray to draw dotted lines for the TreeViewItems.You can replace the HorLn and VerLn in the demo which provided by Castorix31 like below:

 <!-- Connecting dotted Lines -->  
                            <!-- Horizontal line -->  
                            <Rectangle x:Name="HorLn" Height="1" VerticalAlignment="Center" StrokeDashArray="4 4" HorizontalAlignment="Stretch" Stroke="#8888" Margin="9,0,0,0" SnapsToDevicePixels="True"/>  
                            <!-- Vertical line -->  
                            <Rectangle x:Name="VerLn" Width="1" VerticalAlignment="Stretch" StrokeDashArray="4 4" HorizontalAlignment="Center" Stroke="#8888" Grid.RowSpan="2" SnapsToDevicePixels="True"/>

Here is the whole code for you to test.

Puski, Zoltan 0 Reputation points

2025-05-09T10:48:01.63+00:00

I was looking for this long time, thanks. It works brilliant with our highly customized treecontrol too, finally.

Answer 2

Castorix31 89,136

You can see for example : WPF TreeView with WinForms Style Fomat

Share via

treeview with + and lines

2 answers

Your answer