How to draw an XML file visually using visual studio (C#)

Question

0.00/5 (No votes)

See more:

Hello to all,

so this may sound a little weird question but i looked for it and could not found any helpful information.

I would like to draw a Tree or Hierarchical diagram in Visual Studio (C#). I have an XML file where i have parent and child nodes. I would read the xml and for each node i would like to draw a box or triangle or so. I should be able to click on that triangle because i would like to present further information regarding a particular node. Does anybody know any useful links which can guide me how to achieve this.

I used MSChart Control in visual studio and its wonderful but the only problem is, it does not provide a way to draw Hierarchical diagrams like Tree or so.

thanks in advance.

Posted 3-Oct-12 1:42am

Member 1441836

Add a Solution

Comments

n.podbielski 3-Oct-12 9:06am

Are you trying to make VS add in? Or you using VS as IDE.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

austinbox · Answer 1 · 2012-10-03T14:31:00

Hello,

Your question seems a bit vague but interesting, I would recommend using a
treeview becuase it supports nodes and images like you said.

C#

//First lets read the xml..
List<treenode> parents = new List<treenode>();
List<treenode> nodes = new List<treenode>(); //Create a storage for xml nodes
string[] temp = new string[256]; //Helper for organizing nodes
XmlTextReader tr = new XmlTextReader(File.Open(@"C:/Users/Austin/Desktop/example.xml", FileMode.Open)); //Create Xml Reader
while (tr.Read())
{
    if (tr.NodeType == XmlNodeType.Element && !tr.HasValue)
        parents.Add(new TreeNode("<" + tr.Name + ">")); //Parent nodes
    if (tr.NodeType == XmlNodeType.Element && tr.HasValue)
        temp[tr.LineNumber] = "<" + tr.Name + ">"; //Child nodes
    if (tr.NodeType == XmlNodeType.Text)
        nodes.Add(new TreeNode((temp[tr.LineNumber] ?? "") + tr.Value));
}
tr.Close();

ImageList list = null; // Implement your images here...
treeView1.ImageList = list;

TreeNode[] collection = new TreeNode[parents.Count];
for (int i = 0; i < parents.Count; i++)
{
    collection[i] = new TreeNode(parents[i].Text, nodes.ToArray()); //Combine parents and child nodes
    collection[i].ImageIndex = 1; //Index of imagelist to show
}

treeView1.Nodes.AddRange(collection); //Add the collection to your treeview