WPF利用SVG实现组态图元

提示：其实感觉使用图片代替也行，图片切换实现动静效果，gif,jpg等等

前言

利用C#开发DCS，SCADA，上位机时可能需要用到组态设计，当前介绍使用WPF的svg转成xaml实现组态图元

一、SVG的处理

当前使用的SVG图元是利用例如“亿图图示”里面的设计图例导出SVG之后再转换成xaml的代码。

使用“亿图图示”导出里面的单个，使用如下图：

1.新建空白绘图，直接随便拖拽一个图例，鼠标左键点击选中；

2.点击“文件”导出选中的图形。获得SVG

 3.使用开源软件SharpVectors系列工具

https://github.com/ElinamLLC/SharpVectors-SvgXaml

选择需要转换的文件及输出路径，点击“Convert”转换获得xaml文件

部分svg代码：

 部分xaml代码：

二、WPF中引用实现

1.新建一个WPF的项目

打开默认的一个页面“MainWindow.xaml”

我的实现效果：

xaml文件中不能直接拷贝使用svg转成的xaml（外围标签是DrawingGroup），需要基于一个形状（shape）下创建画笔再将生成的xaml拷如

部分代码：

        <Rectangle Width="372" Height="200" Stroke="Black" StrokeThickness="0">
            <Rectangle.Fill>
                <DrawingBrush>
                    <DrawingBrush.Drawing>
                        生成的代码
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Rectangle.Fill>
        </Rectangle>

总结

当前示例暂时只是使用svg的资源生成基本的组态图元，要想实现一个组态工具还是任重而道远。