欢迎光临散文网 会员登陆 & 注册

轻量而敏捷的工业组态软件UI设计工具-ConPipe Studio 2022详细介绍

2022-05-17 14:47 作者:hurst2011  | 我要投稿

        本文介绍下工业组态UI设计工具ConPipe Studio 2022和ConPipe组态控件,它的设计理念是:最大限度减少美工和程序员之间的依赖关系,支持以最快的速度创建和修改组态UI。ConPipe是由单词connectable(可连接的)和pipe(管道)组合而成,顾名思义就是可与其他控件连接的管道。起初是因为一个水利项目需要用到大量的管道,于是我就设想开发一个算法,它只需要用鼠标拾取几个关键点就能快速生成想要的管道,而不需要美工的帮助。后来这个项目最终没有能做成,但是在随后的几年里我依然持续对这个管道控件进行改进并添加了一些其他组态控件。

        ConPipe没能在它本该实战拳脚的地方大显身手,但却在以后的日子里阴差阳错地站在了其他舞台上发挥作用。后来我用ConPipe陆续做了几个组态软件的项目,感觉视觉效果很好,用户也很满意,但是管道的创建和修改很麻烦。一根复杂走向的管道有很多节点,这对修改管道布局带来了灾难性的麻烦,我不得不对一眼望不到边的数字进行调整,改错了那是避免不了的。于是,我就萌生了一个新的想法,就是开发一个设计器使其支持用鼠标方便地创建和调整管道,完成后将控件的Xaml代码复制到Visual Studio里。后来,我就简单地写了一个验证性的设计器Demo,这个Demo验证了设计器的关键性技术,所以它很简单,并不能导出任何代码(在写“WPF实现组态软件-逼真的管道和速度可变流体(三)”的时候我就将这个设计器Demo附带放在ConPipe控件里供需要的客户可下载)。在接下来的差不多两年里我抽时间不断完善设计器,直到这次发布的状态。

        设计器的UI是按照VS2019的深色主题来画的,名称也是参照了VS,所以叫ConPipe Studio 2022(以下简称CPS)。CPS没有编译功能,它是工作在运行时模式下的,也就是LicenseManager.UsageMode=LicenseUsageMode.Runtime。CPS需要与VS搭配使用,他们配合模式有两种。第一种是,在CPS中设计好UI后将XML代码复制到VS的窗口中,然后使用C#与控件交互;第二种是,将VS中已有的界面XAML全部或选取部分复制并粘贴到CPS的XML编辑窗口,并且没有严格的格式限制。第一种模式适合创建全新的组态UI,第二种模式就是对已创建的UI进行修改。需要强调的是,CPS并不会解析XML中的原生WPF控件(如:Grid、Panel等),它只解析ConPipe控件。如果CPS中的XML是从VS中复制来的,XML中原来跟ConPipe控件无关的任何部分都不会被改动,包括换行、空格、缩进、原生控件、注释等都不会被改动,这样做的目的就是让CPS和VS能接近无缝的配合。


下面的视频详细讲解了设计器和控件的使用

ConPipe Studio 2022 详细使用介绍视频


管道是核心控件,下面通过一个动图感受下管道的设计和调整

管道的设计和调整

ConPipe控件目前有21个控件,其中MultyConnectBox控件可以称为“万能控件”。之所以叫万能控件,除了它可以与任意数量任何管径的管道连接,它的Content可以指定为任何其他的控件。那么我们可以将Content设置为图片、文字、Grid等等,取决于开发者的想象力。最后要说明的是,在我们自己项目中使用控件需要将设计器目录下ConPipe.Core.dll和ConPipe.dll这两个文件复制到项目中并引用,然后UI界面Window标签里添加xmlns:ConPipe="clr-namespace:ConPipe;assembly=ConPipe"。

下面看看ConPipe控件全家福。

ConPipe控件全家福

Xaml代码编辑框所作的修改必须要右键-更新后才能在控件编辑区体现出来

VS2019及更早版本的VS扩展版ConPipe控件Demo下载地址(.Net Framework Trial版):https://wwi.lanzoup.com/iuqmW0rlmeej(ConPipe控件在bin目录下)

VS2022扩展版ConPipe控件下载地址(.NetCore Trial版):https://wwi.lanzoup.com/i9V8n0wxj87a

 

2023.06.07编辑 ConPipe Studio已经停止支持,现全面转为基于VS扩展的模式


轻量而敏捷的工业组态软件UI设计工具-ConPipe Studio 2022详细介绍的评论 (共 条)

分享到微博请遵守国家法律