DevExpress Diagrams Designer 流程图设计器 - 可视化流程引擎配置详解
目录
一、开发环境要求
DevExpress v19.x
Visual Studio 2019+
二、Diagram Designer - 图形设计器 DemoCenter
运行DemoCenter,进入 WinForms
三、体验一个流程配置
设计器功能菜单
主要功能
- 保存xml文件
- 输出jpeg/png图形文件
设计器配置 (标尺、图形面板、缩放面板)
Properties Panel 属性面板
更改图形样式
选择一个图形,可修改图形样式。
Connector 连接线
双击连接线添加文字说明
Document.xml文件格式
XML 全选
<XtraSerializer version="19.2.8.0">
<Items>
<Item1 ItemKind="DiagramRoot" PageSize="800,600" Theme="Linear" SelectedStencils="BasicShapes, BasicFlowchartShapes, SDLDiagramShapes, ArrowShapes, SoftwareIcons, DecorativeShapes">
<Children>
<Item1 Position="70,70" Size="100,37.5" ThemeStyleId="ShapeId.Intense5" Shape="BasicFlowchartShapes.StartEnd" Content="开始" ItemKind="DiagramShape" />
<Item2 Position="70,170" Size="100,37.5" ThemeStyleId="ShapeId.Intense1" Shape="BasicFlowchartShapes.Process" Content="报修" ItemKind="DiagramShape" />
<Item3 Position="230,170" Size="100,37.5" ThemeStyleId="ShapeId.Intense1" Shape="BasicFlowchartShapes.Process" Content="报修审核" ItemKind="DiagramShape" />
<Item4 Position="230,270" Size="100,75" Shape="BasicFlowchartShapes.Decision" Content="审核" ItemKind="DiagramShape" />
<Item5 ThemeStyleId="Variant3" BeginItemPointIndex="2" EndItemPointIndex="0" Points="(Empty)" ItemKind="DiagramConnector" BeginItem="0" EndItem="1" BeginPoint="160,117.5" EndPoint="160,180" />
<Item6 BeginItemPointIndex="1" EndItemPointIndex="3" Points="(Empty)" ItemKind="DiagramConnector" BeginItem="1" EndItem="2" BeginPoint="210,198.75" EndPoint="310,198.75" />
<Item7 BeginItemPointIndex="2" EndItemPointIndex="0" Points="(Empty)" ItemKind="DiagramConnector" BeginItem="2" EndItem="3" BeginPoint="360,217.5" EndPoint="360,280" />
<Item8 BeginItemPointIndex="3" EndItemPointIndex="2" Points="120,307.5" Content="审核不通过" ItemKind="DiagramConnector" BeginItem="3" EndItem="1" BeginPoint="310,317.5" EndPoint="160,217.5" />
<Item9 Position="390,170" Size="100,37.5" ThemeStyleId="ShapeId.Intense1" Shape="BasicFlowchartShapes.Process" Content="待接修" ItemKind="DiagramShape" />
<Item10 Position="590,370" Size="100,75" Shape="BasicFlowchartShapes.Decision" Content="审核" ItemKind="DiagramShape" />
<Item11 Position="590,288.75" Size="100,37.5" ThemeStyleId="ShapeId.Intense2" Shape="BasicFlowchartShapes.Process" Content="验收" ItemKind="DiagramShape" />
<Item12 Position="590,170" Size="100,37.5" Background="#FFC00000" ThemeStyleId="ShapeId.Moderate4" Shape="BasicFlowchartShapes.Process" Content="师傅维修" ItemKind="DiagramShape" />
<Item13 BeginItemPointIndex="3" EndItemPointIndex="3" Points="550,407.5 550,188.75" Content="验收不通过" ItemKind="DiagramConnector" BeginItem="9" EndItem="11" BeginPoint="590,407.5" EndPoint="590,188.75" KeepMiddlePoints="true" />
<Item14 BeginItemPointIndex="2" Points="(Empty)" ItemKind="DiagramConnector" BeginItem="11" EndItem="10" BeginPoint="710,217.5" EndPoint="710,298.75" />
<Item15 BeginItemPointIndex="2" EndItemPointIndex="0" Points="(Empty)" ItemKind="DiagramConnector" BeginItem="10" EndItem="9" BeginPoint="710,336.25" EndPoint="710,380" />
<Item16 BeginItemPointIndex="1" EndItemPointIndex="2" Points="440,307.5" Content="审核通过" ItemKind="DiagramConnector" BeginItem="3" EndItem="8" BeginPoint="410,317.5" EndPoint="540,217.5" />
<Item17 BeginItemPointIndex="1" EndItemPointIndex="3" Points="(Empty)" Content="接修" ItemKind="DiagramConnector" BeginItem="8" EndItem="11" BeginPoint="590,198.75" EndPoint="660,198.75" />
<Item18 Position="590,500" Size="100,37.5" ThemeStyleId="ShapeId.Intense5" BackgroundId="Black" Shape="BasicFlowchartShapes.StartEnd" Content="完成" ItemKind="DiagramShape" />
<Item19 EndItemPointIndex="0" Points="(Empty)" Content="验收通过" ItemKind="DiagramConnector" BeginItem="9" EndItem="17" BeginPoint="670,475" EndPoint="670,510" />
</Children>
</Item1>
</Items>
</XtraSerializer>
未完待续!
版权声明:本文为开发框架文库发布内容,转载请附上原文出处连接
NewDoc C/S框架网