wpf-devexpress-dot-xpf-dot-diagram-928e15ea.md
The Diagram Designer control.
Namespace : DevExpress.Xpf.Diagram
Assembly : DevExpress.Xpf.Diagram.v25.2.dll
NuGet Package : DevExpress.Wpf.Diagram
[DXLicenseWpf]
public class DiagramDesignerControl :
DiagramControl
<DXLicenseWpf>
Public Class DiagramDesignerControl
Inherits DiagramControl
The Diagram Designer features a DiagramControl with a user interface for creating, editing, saving and loading diagrams at runtime.
To add the Diagram Designer to your application, locate the DiagramDesignerControl item in the Toolbox and drop it onto the form. The following assemblies are automatically added:
DevExpress.Data.v25.2
DevExpress.Diagram.v25.2.Core
DevExpress.Images.v25.2
DevExpress.Mvvm.v25.2
DevExpress.Xpf.Core.v25.2
DevExpress.Xpf.Diagram.v25.2
DevExpress.Xpf.Docking.v25.2
DevExpress.Xpf.DocumentViewer.v25.2.Core
DevExpress.Xpf.PropertyGrid.v25.2
DevExpress.Xpf.Ribbon.v25.2
<Grid xmlns:dxdiag="http://schemas.devexpress.com/winfx/2008/xaml/diagram">
<dxdiag:DiagramDesignerControl SelectedStencils="BasicShapes, BasicFlowchartShapes"/>
</Grid>
See the Getting Started article to learn about capabilities of the Diagram Control.
The Examples section contains a variety of task-based examples.
The End-User Interaction article describes end-user operations available in the Diagram Control and Diagram Designer Control.
The following code snippets (auto-collected from DevExpress Examples) contain references to the DiagramDesignerControl class.
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.
<Button x:Name="relayoutButton" Content="Relayout diagram items" Click="RelayoutDiagramItem" Command="" Grid.Row="0" />
<dxdiag:DiagramDesignerControl x:Name="diagramControl"
Grid.Row="1"
wpf-diagram-register-and-use-svg-shapes/CS/DiagramSVGItemsWpf/MainWindow.xaml#L7
<Grid>
<dxdiag:DiagramDesignerControl Name="diagramDesignerControl1"/>
</Grid>
wpf-diagram-register-factoryitemtools-for-shapes/CS/WpfApp13/MainWindow.xaml#L10
<Grid>
<dxdiag:DiagramDesignerControl x:Name="diagramControl1"/>
</Grid>
wpf-diagram-use-custom-functions-in-shape-templates/CS/WpfApp13/MainWindow.xaml#L10
<Grid>
<dxdiag:DiagramDesignerControl x:Name="diagramControl1"/>
</Grid>
wpf-diagram-create-custom-shapes-based-on-diagram-containers/CS/WpfApp13/MainWindow.xaml#L11
<Grid>
<dxdiag:DiagramDesignerControl x:Name="diagramControl1"/>
</Grid>
Object DispatcherObject DependencyObject Visual UIElement FrameworkElement Control DiagramControl DiagramDesignerControl
See Also