If you are using ControlNodes that host user controls, you will have to handle the DiagramView.PaintControl event to draw a representation of each control to the exported bitmap's Graphics -

https://www.mindfusion.eu/onlinehelp/flowchartnet/E_MindFusion_Diagramming_WinFo...

Regards,
Slavcho
Mindfusion

That was assuming you are still using ControlNodes with DiagramViews inside as discussed in older threads. PaintControl should fire for the topmost DiagramView that's placed on the form, and not for the child DiagramViews.

Regards,
Slavcho
Mindfusion

Quote:


If you mean that in order to display nested diagrams inside your nodes, you could try calling the Diagram.Draw method in order to render a diagram as part of node's rendering. Or call Diagram.CreateImage and display the resulting bitmap.

These won't make the nested diagram interactive - if you need to also edit embedded diagrams, you could open a temporary DiagramView as an in-place editor in response to UI events.

Alternatively, you could try moving whatever you are currently displaying in nested diagrams to ContainerNodes.

So consider some variations of:

- create a custom component class, e.g. NestedDiagramComponent, and call diagram.Draw from ComponentBase.Draw override. Alternatively, show exported diagram image using ImageComponent. Then you could add the component to a CompositeNode along with other UI components.

- create a custom node class that overrides DrawLocal, or set CustomDraw property on ShapeNode and handle DrawNode event. Call diagram.Draw to render nested diagram inside the host node. Alternatively, show exported diagram image by setting ShapeNode.Image. You could use grouping to attach a CompositeNode with smaller UI elements to the host node.

- display current nested diagram contents in ContainerNodes instead. Attach composite node to container for extra UI.

Regards,
Slavcho
Mindfusion

By specifying the size of the UserControl  as an argument as shown below, the DiagramView was successfully converted to a Bitmap.

 public Bitmap CreateBitmap(Rectangle rectangle)
        {
            Bitmap bmpParent = new(rectangle.Width, rectangle.Height);
            using Graphics g = Graphics.FromImage(bmpParent);
            g.SmoothingMode = SmoothingMode.HighQuality;
            Bitmap bitmap = Diagram.CreateImage();
            bitmap.MakeTransparent(); // 背景透過
            Rectangle imageRectangle = DocToClient(Bounds);
            g.DrawImageUnscaled(bitmap, new Point(imageRectangle.Location.X, imageRectangle.Location.Y));
            return bmpParent;
        } 

However, the following two new problems have arisen.

1. Depending on the drawing position and size of the parent UserControl, the position of the Bitmap can shift by about 1px. This seems to be due to the coordinate conversion using DocToClient. Is it possible to absorb the error in the coordinate conversion with DocToClient?

2. If there is a text box being edited in the DiagramView, the text box being edited is not drawn on the Bitmap even when CreateBitmap is used. Is there a way to create a Bitmap that includes the text box being edited?

I tried DocToClientF, which I received as a solution to problem 1, but it did not solve the problem.
In the attached sample project, a table control is placed inside a DiagramView, and it is converted to a bitmap when focus is out. When converted to a bitmap, it is shifted by 1px to the bottom right. If you change the size or position of the table control, the direction of the shift when it is converted to a bitmap will change.
This behavior did not change even if I placed a DiagramView inside it instead of a table control and used DocToClientF.

Is there a problem with my implementation?
The bitmap conversion is done using the UpdateBitmap() method in GridNode.cs.

Thank you for your reply.

For 2, I was able to turn it into a bitmap by getting a reference to the text in the EnterInplaceEditMode event. However, only the text was drawn, the text box frame could not be drawn.

For 1, I was unable to solve the problem even when using RectangleF.
DrawToBitmap does not allow floats to be specified. Can this be solved by rounding when converting to int? Or is there another way?
Since 0 is specified for ControlPadding, it did not seem necessary to consider it.

When converting to Bitmap, you say that the Location property or its Left/Top properties of WinForms.Control are used, but does this refer to the Control specified as the EditControl of the CompositeNode?
The Control specified as EditControl does not retain information about coordinates, so I was unable to use the Location property or Left/Top property.
Is it possible to retain display coordinates with the Control specified as EditControl without using DocToClient?

Also, although I haven't tried it yet, if you adjust the coordinates and size so that they are not rounded by DocToClient when the CompositeNode is moved or resized, there may be no misalignment when it is converted to Bitmap.