0

Is there any way to make a user interface in WPF that replicates the following diagram?

Diagram

The idea was to have a control with three possible directions. In this control users could select the direction they want to add a new point.

For saving the point informations I was planning on using a structure like this:

 private Node root;

    public class Node
    {
        public int Key;
        public string Value;

        public Node left, right, forward;

        //....

    }
cap7
  • 482
  • 5
  • 24
  • 1
    [Here](http://stackoverflow.com/a/15821573/643085) is an example I made for a similar requirement. It's done in WPF and MVVM. You can definitely do this yourself (maybe building on my sample) and avoid having to pay U$S1000 for third party components. – Federico Berasategui May 17 '13 at 16:39

2 Answers2

2

Is there any way to make a user interface in WPF that replicates the following diagram?

Yes. This is definitely possible in WPF. Many third party components, such as WPF Diagrams, demonstrate that this can be done.

If you are going to implement this yourself, I'd recommend by starting with Shapes and Basic Drawing in WPF. This tutorial walks through the basics of drawing on a WPF Canvas.

Reed Copsey
  • 554,122
  • 78
  • 1,158
  • 1,373
2

Here is the series tutorial how to make a WPF diagram designer step by step.

These series have used Adorner and Thumb object in WPF to build up WPF diagram designer which almost similar your figure.

Toan Vo
  • 1,270
  • 9
  • 19
  • Hm, upvoted and can't undo it. After reading the series, I found it's bad design, inefficient and unsupported. Promised future articles were never delivered. Need to find something else. – ygoe Apr 10 '14 at 15:28
  • OK. Basically, I have built a similar tool base on idea of adorner layer and Thumb as well. It is an Document Image Viewer. Another hand, I suggest you can look around the tool WPF drawing tool like that: http://www.codeproject.com/Articles/22776/WPF-DrawTools – Toan Vo Apr 10 '14 at 15:50