提示:其实感觉使用图片代替也行,图片切换实现动静效果,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的资源生成基本的组态图元,要想实现一个组态工具还是任重而道远。