Hi,

I am using MindFusion diagramming controls v5.3.

I have a tree diagram and want to add different bitmaps to shapenodes depending on certain conditions.

I have an imagelist that contains 16x16 icons. I can assign an image to each shapenode as it is created but it always seems to be 32x32 so it looks fuzzy and you can sort of see the color that was meant to be transparent in the bitmap.

ShapeNode childNode = new ShapeNode(diagramMain);
:
:
childNode.ImageAlign = Align.BottomCenter;
childNode.Image = imlLog.Images[m_rand.Next(0, 10)];

Any ideas?

Thank you,
Joe

Hi Stoyan,

Thank you for the reply. I think what is happening is that I am creating the ShapeNode too small

childNode.Bounds = new RectangleF(0, 0, 22, 15);

so when I add an image to it, the image looks distorted. I changed the size to (0, 0, 64, 32) and the image looks clearer.

I'm new at this so I'm sure I'll have many more questions.

Thanks again,
Joe

Hi Stoyo,

When I resize the node, the image stays the same.  The ImageAlign property is set to BottomCenter.  I think what is happening is that since I created the node so small and I call ResizeToFitItems, it "zooms in" and the icon looks funny...

Thank you,
Joe

Hi Stoyan,

No - I don't need them to stay the same size.  I guess my real problem is determining an initial size to draw the ShapeNodes so that the font and bitmap look good.  I'll mess around with it some and hopefully come up with a good size...

Thanks again,
Joe

Hi Joe,

Shape.ImageRectangle specifies the bounding rectangle inside a node in which the image should be displayed. ImageAlign specifies at what side or corner of that rectangle the image should be displayed, or if the image should stretch to fill that rectangle.

None of the built-in shapes specifies ImageRectangle; in that case the image is aligned relatively to node.Bounds. As with other shape definitions coordinates, you specify ImageRectangle in 100x100 coordinate space which is then mapped to the node's absolute coordinates; e.g. 50,50 in the ImageRectangle always maps to the center of the node.

I hope that helps,
Stoyan