Hi

I have a set of custom shapes I've defined as WPF UIElements that I want to add as nodes to my diagram, e.g. a circular object with gradient, drop shadow, text label etc.

However, when I add it to the diagram and apply a radial layout, it clearly has a rectangular clip path even though I've tried various things like setting the UIElement.Clip property

I'd prefer to define my shapes as UserControls so that I get the full flexibility of WPF and it's convenient to view/edit them in the VS designer, but I can't figure out how to get the nonrectangular clipping to work

any ideas?

thanks

D.

I have a number of other UIElements that work fine in the same diagram, but they were not UserControls, clip problem only happens on the UserControl I added.

The ones that clip ok are Ellipse and my subclass of Border.

could not see how to post file attachments, I have emailed support. (Clicking the Insert Image button only seems to insert empty img tags if it detects the click at all in a few browsers I tried.)

I'll try to post the answer here if/when there is a good solution

thanks

D.

You can't actually upload images here, but only link to ones hosted on your site, or say on flickr.

The clipping on the first image seems to be done by the 20*20 points UserControl since it is smaller than its content (which is 56*56 points). You could verify that by setting ClipBounds="false". I suppose a possible solution is to omit the content's Width and Height assignments, and instead set the Alignment attributes to Stretch.

If the second image shows 20x20 size assigned from code, perhaps you have assigned that to the NodeAdapter's Bounds and it is measured in millimeters?

In your comments I see you mention millimeters as unsuitable when using WPF controls as nodes. Now we see that most people create their own controls to use as nodes, so in the 1.0.1 version we'll change the default for MeasureUnit to WPFPoint, which should preserve the original appearance of the controls as defined in Xaml, instead of scaling them to millimeters.

I suppose it should not be hard to call Measure for controls whose size is not explicitly set, and then use their DesiredSize as the node's size. We'll try to implement that in the next few days.

Stoyan

When looking for intersection points of a link with an arbitrary UIElement, the Diagram uses the WPF's VisualTreeHelper class to get an intersection point. From the second image it seems UserControl adds a rectangular shape as outer-most geometry by default, so the lines are drawn around a rectangle. Apparently setting your EllipseDecorator as a border overrides that rectangle, and VisualTreeHelper correctly finds the intersection point with the elliptical border.

If you don't wish to use the EllipseDecorator, can't you set the UserControl.Clip to an ellipse? I can see this commented out in your Xaml, but then the EllipseDecorator calls drawingContext.PushClip(ellipse), which should have the same effect?

Stoyan

Ok, the Clip property doesn't help much indeed. You'll have to use the custom decorator for the time being, and we will try to filter out the user-control's rectangular borders when looking for intersection points.

Stoyan

We've managed to implement that using just the VisualTreeHelper. This version should position the link end points correctly without requiring you to provide a custom decorator object -
https://www.mindfusion.eu/_beta/wpfdiag101pre.zip

I hope that helps,
Stoyan