CAD图形导出为XAML实践

---

一、前言

上位机通常有一个设备/场景界面，该界面用于清晰直观地呈现设备状态。
如果界面要求不高，可以用组合简单图形和文字表示设备，并通过给图形变色等手段表示设备状态切换；如果画面要求高，需要做贴图动画甚至是三维模型以更炫酷的方式呈现设备状态。

题外话
有人可能会觉得这种画面做好看了没多大意义，炫酷画面加上动画不会带来实质性的软件提升，还会增加计算机资源消耗。
不过实际情况下，上位机通常是跑在单台主机上的。此时，计算机资源是过剩的，至少不会因为几个动画增加不好的体验。而且，用上位机画面的人和买上位机的人，往往不会关注性能上的东西，谁的上位机感觉更叼一点，画面一比就出结果了。（至少我遇到过几个老板，都是反复强调画面要做炫酷，要有"科技感"一点）。

“将CAD中的图形导出为XAML，以在WPF中使用。”
标题源于一个需求，
一家设备商要做一个上位机系统，功能上不复杂，无非是数据采集、存储、呈现、查询，还有一些业务相关的。但是画面要我尽量做好看些，这对我来说很难。因为这意味着，我不能用几个矩形框加文字的形式来节约工作量了。

此时，我想，该如何把画面做好看？
整体上，我认为的好看就是趋向于逼真，就是没有文字描述的情况下，一眼看过去就知道是哪台设备处于什么状态。
就像外行人评价一幅画画的好不好，通常就是指画的像不像。

---

二、方法与实践

那如何做的像，有两种思路：

1. 自己动手画出大致外观，并对局部图形做变换动画；
2. 获取设备图纸，图纸导出为上位机指定格式文件，再导入上位机。

刚开始，我对第二种方法可行性持怀疑态度（我知道可以直接将其导出，但是导出后如何组织以及效果都不确定），
所以果断选择了第一种。

2.1 画出原图，借第三方工具导出至指定格式

第一种方法思路其实很简单，通过矢量图编辑工具（如Inkscape、Adobe Illustrator等），画出大致图形，然后导出成XAML，在WPF中用UserControl将该图形做成控件。
原图形如下，

我在Inkscape中，画了它的大致形状，

很显然，它与实际外观有差，但勉强能用。
接着，在Inkscape中导出成XAML（AI也可以导出，但要装