Hello Stoyan,

I have my diagram nodes and cells custom drawn.

I want to add the Overview control to my application to enhance the functionality but I'm seeing strange behavior on this control: the tables and cells are not painted, I'm seeing just the text and the links in the overview window.

Has this anything to do with the fact that the nodes and cells are custom painted (using Diagram.DrawNode and DrawCell events)? How to overcome this and see in the Overview window correct painted nodes and cells?

Thanks,
Bogdan

Sure, this is:

void CustomDiagram_DrawNode(object sender, DrawNodeEventArgs e)
        {
            MFDrawing.IGraphics g = e.Graphics;
            SmoothingMode smoothingMode = g.SmoothingMode;
            g.SmoothingMode = SmoothingMode.None;

            DiagramView view = GetDiagramView();

            if (e.Shadow)
            {
                Rectangle shadowBoundsView = view.DocToClient(e.Node.Bounds);

                //reposition and resize the bounds in pixels
                shadowBoundsView.Inflate(_hShadowWidth, _vShadowWidth);

                Matrix t = g.Transform;
                GraphicsUnit gu = g.PageUnit;

                g.PageUnit = GraphicsUnit.Pixel;
                g.ResetTransform();

                Bitmap shadowBitmap = null;

                if (shadowBoundsView.Width <= 0)
                    shadowBoundsView.Width = 1;
                if (shadowBoundsView.Height <= 0)
                    shadowBoundsView.Height = 1;

                ThemeManager.StretchBitmap(Theme_table_shadow,
                    ref shadowBitmap, new Size(shadowBoundsView.Width, shadowBoundsView.Height), 10, 10);

                g.DrawImage(shadowBitmap, shadowBoundsView);

                g.Transform = t;
                g.PageUnit = gu;
            }
            else
            {
                TableNode tableNode = e.Node as TableNode;

                float captionHeight = this.TableCaptionHeight;

                RectangleF captionBounds = new RectangleF(e.Bounds.X, e.Bounds.Y, e.Bounds.Width, captionHeight);
                RectangleF bodyBounds = new RectangleF(e.Bounds.X, e.Bounds.Y + captionHeight, e.Bounds.Width, e.Bounds.Height - captionHeight);

                Rectangle captionBoundsView = view.DocToClient(captionBounds);
                Rectangle bodyBoundsView = view.DocToClient(bodyBounds);

                Matrix t = g.Transform;
                GraphicsUnit gu = g.PageUnit;

                g.PageUnit = GraphicsUnit.Pixel;
                g.ResetTransform();

                Bitmap captionBitmap = null;
                Bitmap bodyBitmap = null;

                if (captionBoundsView.Width <= 0)
                    captionBoundsView.Width = 1;
                if (captionBoundsView.Height <= 0)
                    captionBoundsView.Height = 1;

                if (bodyBoundsView.Width <= 0)
                    bodyBoundsView.Width = 1;
                if (bodyBoundsView.Height <= 0)
                    bodyBoundsView.Height = 1;


                ThemeManager.StretchBitmap(Theme_table_header,
                    ref captionBitmap, new Size(captionBoundsView.Width, captionBoundsView.Height), 8, 5);

                ThemeManager.StretchBitmap(Theme_table_back,
                    ref bodyBitmap, new Size(bodyBoundsView.Width, bodyBoundsView.Height), 10, 10);

                g.DrawImage(captionBitmap, captionBoundsView);
                g.DrawImage(bodyBitmap, bodyBoundsView);

                g.Transform = t;
                g.PageUnit = gu;

                //this.DrawStyledText(g, tableNode.Caption, tableNode.Font, captionBounds, tableNode.CaptionFormat);

                g.DrawString(tableNode.Caption,
                    tableNode.Font, new SolidBrush(tableNode.CaptionColor), captionBounds, tableNode.CaptionFormat);
            }

            e.Graphics.SmoothingMode = smoothingMode;
        }
 

Thanks, it's working but I'm still facing an issue:

In my DrawCell event handler I calculate the size of the custom check box to be drawn, using the DiagramView.ZoomFactor:

float newCheckImageWidth = chkImg.Width * view.ZoomFactor / 100;

float newCheckImageHeight = chkImg.Height * view.ZoomFactor / 100;
 

Obviously, in the Overview, the checkboxes are drawn too big.

I would check if the sender is an Overview and in this case I would multiply the check box width/height also by Overview.ScaleFactor but the "sender" parameter is always set to the Diagram so I can't make the difference on when it's called to paint the Diagram and when it's called to paint the Overview.

So, I tried to change the way the checkbox size is updated (to remove the DiagramView.ZoomFactor dependency ) , by using only the current painted row height like:

double newCheckImageWidth = Math.Floor(contentBoundsView.Height * 0.6);

double newCheckImageHeight = newCheckImageWidth;
 

But even if I Math.Floor the result, I can get different values because the row height is not always the same:

For example, I have

Rectangle boundsView = MindFusion.Utilities.DocToDevice(g, e.Bounds);
SizeF sizeViewF = MindFusion.Utilities.DocToDeviceF(g, e.Bounds.Size);
 

The sizeViewF returns for every row W= 6.803... H=6.803... but the boundsView returns for some rows W=7 H=7 (as it should) and for others W=7 H=6.

I don't understand why DocToDevice returns different values for height when e.Bound.Height is the same for every rows and also DocToDeviceF returns same height for every row. Is it a bug?

Should I manually correct the height of the "boundsView" to make it equal to the height returned by the "sizeViewF"?

PS. Id I use the view.DocToClient I get the same inconsistency regarding the returned height.

I think it happens because the method that returns a Rectangle aligns the rectangle sides to the nearest integer pixel coordinates, and so you get either 6 or 7 as height, depending on the initial vertical position in floating point coordinates.

Stoyan