DevExpress Diagrams Designer 流程图设计器
作者:csframework|C/S框架网  发布日期:2021/12/30 18:38:30

DevExpress Diagrams Designer 流程图设计器

一、开发环境要求

DevExpress v19.x

Visual Studio 2019+

二、Diagram Designer - 图形设计器 DemoCenter

运行DemoCenter,进入 WinForms

DevExpress Diagrams Designer 流程图设计器

DevExpress Diagrams Designer 流程图设计器

DevExpress Diagrams Designer 流程图设计器

三、体验一个流程配置

设计器功能菜单

DevExpress Diagrams Designer 流程图设计器

主要功能

  • 保存xml文件
  • 输出jpeg/png图形文件

设计器配置 (标尺、图形面板、缩放面板)

DevExpress Diagrams Designer 流程图设计器

Properties Panel 属性面板

DevExpress Diagrams Designer 流程图设计器

DevExpress Diagrams Designer 流程图设计器

DevExpress Diagrams Designer 流程图设计器

更改图形样式

选择一个图形,可修改图形样式。

DevExpress Diagrams Designer 流程图设计器

Connector 连接线

DevExpress Diagrams Designer 流程图设计器

双击连接线添加文字说明

DevExpress Diagrams Designer 流程图设计器

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>

未完待续!

上一篇 下一篇