Back to Devexpress

DiagramItem.ConnectionPoints Property

wpf-devexpress-dot-xpf-dot-diagram-dot-diagramitem-c5ccae66.md

latest5.7 KB
Original Source

DiagramItem.ConnectionPoints Property

Specifies the list of points on the perimeter of a shape at which connectors can terminate. This is a dependency property.

Namespace : DevExpress.Xpf.Diagram

Assembly : DevExpress.Xpf.Diagram.v25.2.dll

NuGet Package : DevExpress.Wpf.Diagram

Declaration

csharp
[Browsable(false)]
public DiagramPointCollection ConnectionPoints { get; set; }
vb
<Browsable(False)>
Public Property ConnectionPoints As DiagramPointCollection

Property Value

TypeDescription
DevExpress.Diagram.Core.DiagramPointCollection

A list of points on the perimeter of a shape at which connectors can terminate.

|

Remarks

The points are set in relative coordinates. (0,0) corresponds to the top-left corner of the shape border, (1,1) corresponds to the bottom-right corner. See the code snippet below.

csharp
shape.ConnectionPoints = new DiagramPointCollection(new Point[] {
    new Point(0,0),
    new Point(0,1),
    new Point(1,0),
    new Point(1,1),
});
vb
shape.ConnectionPoints = New DiagramPointCollection(New Point() {
    New Point(0,0),
    New Point(0,1),
    New Point(1,0),
    New Point(1,1)
})

The following code snippets (auto-collected from DevExpress Examples) contain references to the ConnectionPoints property.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

wpf-diagram-use-diagramdatabindingbehavior-to-generate-diagram-from-collection/CS/DiagramDataBindingBehavior/MainWindow.xaml#L16

xml
<dxdiag:DiagramControl CanvasSizeMode="Fill" SelectedStencils="TemplateDesigner" ShowPageBreaks="false">
    <dxdiag:DiagramContainer Anchors="Left, Top" Background="#FFCEE1F2" CanCopyWithoutParent="True" ConnectionPoints="0.5,0 1,0.5 0.5,1 0,0.5" CanAddItems="False" DragMode="ByAnyPoint" Height="78" ItemsCanChangeParent="False" ItemsCanAttachConnectorEndPoint="False" ItemsCanAttachConnectorBeginPoint="False" ItemsCanSelect="False" ItemsCanEdit="False" ItemsCanCopyWithoutParent="False" ItemsCanMove="False" ItemsCanRotate="False" ItemsCanSnapToOtherItems="False" ItemsCanDeleteWithoutParent="False" ItemsCanSnapToThisItem="False" ItemsCanResize="False" Position="25,150" StrokeId="Black" Shape="StandardContainers.Alternating" ShowHeader="False" StrokeDashArray="5 3" ThemeStyleId="ShapeId.Focused1" TemplateName="ClassShape" Width="200">
        <dxdiag:DiagramShape Anchors="Left, Top" Angle="0" Background="Transparent" CanAttachConnectorBeginPoint="False" CanResize="False" CanEdit="False" CanCopyWithoutParent="False" CanChangeParent="False" CanMove="False" CanAttachConnectorEndPoint="False" CanSelect="False" CanDeleteWithoutParent="False" CanRotate="False" ForegroundId="Black" FontWeight="Bold" FontFamily="Arial" Height="25" Position="11,10" StrokeThickness="0" ThemeStyleId="Variant2" TextAlignment="Left" Width="176">

wpf-diagram-use-diagramorgchartbehavior-to-generate-diagram-from-collection/CS/OrgChartBindingExample/MainWindow.xaml#L17

xml
<dxdiag:DiagramControl CanvasSizeMode="Fill" SelectedStencils="TemplateDesigner, BasicShapes" ShowPageBreaks="false" ShowRulers="false" ShowGrid="false">
    <dxdiag:DiagramContainer Anchors="Left, Top" CanCopyWithoutParent="True" ConnectionPoints="0.5,0 1,0.5 0.5,1 0,0.5" CanAddItems="False" DragMode="ByAnyPoint" Height="190" ItemsCanChangeParent="False" ItemsCanAttachConnectorEndPoint="False" ItemsCanAttachConnectorBeginPoint="False" ItemsCanSelect="False" ItemsCanEdit="False" ItemsCanCopyWithoutParent="False" ItemsCanMove="False" ItemsCanRotate="False" ItemsCanSnapToOtherItems="False" ItemsCanDeleteWithoutParent="False" ItemsCanSnapToThisItem="False" ItemsCanResize="False" Padding="1" Position="-25,150" Shape="StandardContainers.Plain" ThemeStyleId="ShapeId.Moderate5" Width="322">
        <dxdiag:DiagramImage Anchors="All" Angle="0" CanSnapToThisItem="False" CanResize="False" CanCopyWithoutParent="False" CanMove="False" CanSnapToOtherItems="False" CanSelect="False" CanRotate="False" CanCopy="False" Height="190" Position="0,0" StretchMode="UniformToFill" ThemeStyleId="ShapeId.Balanced5" Width="142">

wpf-generate-diagram-with-grouped-items/CS/DiagramNestedItemsExample/MainWindow.xaml#L58

xml
Background="Green"
ConnectionPoints="0,0.5 1,0.5"
Content="{Binding EmployeeName}" />

See Also

DiagramItem Class

DiagramItem Members

DevExpress.Xpf.Diagram Namespace