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>

 

 

版权声明:本文为开发框架文库发布内容,转载请附上原文出处连接
C/S框架网
发表评论

评论内容
昵称:
关联文章

DevExpress Diagrams Designer 流程图设计 - 流程引擎配置详解
工作流配置引擎介绍
标签:C#.Net组件开发 - 自定义设计持久对象的属性
设计配置表格列,请还原表格配置
DevExpress XtraReport 开发指南-单表报表设计详解(C#)
什么是工作流引擎
打开设计窗体报错:To prevent possible data loss before loading the designer
软件开发与设计 - 工作流引擎 - ESKO - AE(Automation Engine)版本12.3的数据库设计
原创:C/S架构快速开发框架通用配置的数据修改日志解决方案
C#.Net组件开发 - 设计时使用自定义属性编辑器持久对象
DevExpress换肤详解
系统配置文件详解 - setting.yaml
标签:C#.Net组件开发 - 设计时持久对象数组
Winform皮肤框架 - GridView表格样式管理详解|C/S框架网
WebService数据处理流程图
标签:C#.Net组件开发 - 自定义设计(ComponentDesigner)
初始化DataProvider组件流程
FastReport设计汉化
C#.Net 静态构造使用详解
C#实现SQL查询分析器(C# Visual SQL Query Designer)