I recently started a new job where I am employed as a WPF developer. When I arrived the guys there gave me a brief that was to make a cool app, and they really liked the look and feel of the FamilyShow exemplar by Vertigo. Which I also love, that and Tangerine by Infragistics are my favourite WPF demos.
What I liked in both where the fluid movements and the diagramming approach used in the FamilyShow exemplar particularly. The guys where I just started working asked me how hard it would be to create something like the diagramming component seen in the FamilyShow exemplar.
So without further ado I contacted my favourite partner in weird WPF briefs, Mr Fredrik Bornander, who I love working with on these stranger ideas. We seem to manage to do a reasonable job together, at least I think anyway.
Here is a screenshot of what we managed to achieve just to wet your appetite:
I have created a full codeproject article to detail the full implementation of this control, which is available using the codeproject article link, A Spider type control tree thingy for WPF
But here is brief list of what it does, hope it helps someone out:
- Uses a specialized
ScrollViewerwhich allows the user to use the mouse to create a friction enabled drag operation (this is pretty cool actually)
- Only shows 3 layers of the tree Maximum to keep it clean
- Current node selected is centered within available area
- Node collapse expand buttons automatically enabled dependant on number of children the current node has