在UWP中，绘制和操作电路的最佳视觉控制是什么？

Question

我愿意编写一个应用程序，用于模拟和分析UWP-Win10 10(秋季创建者) C#中的电路，以便在Windows中发布。我已经把所有的数学，算法和课程都算出来了。但我在如何在屏幕上显示电路的问题上陷入困境。下面是我想在UWP应用程序中显示的示例图片。

​

用户必须能够放置元件的符号(电阻器、电容器等)，与电线连接，移动元件(用拖放)，旋转等，什么是最好的(XAML)视觉控制，还是控制的组合？帆布？我猜元素必须是对象，它们是类的实例。我有设计类图，写算法的知识，但我发现视觉方面有些困难。这些对象必须支持单击事件，并支持拖放以便在板中移动。我该怎么做？我真的不知道解决这一层软件的正确方法。

提前谢谢。

Answer 1

您可以在Xaml中表示所有这些，但是随着实体数量的增加，您可能会看到性能问题。另一种选择是使用像Win2D这样的绘图库来自己绘制和处理所有的操作和命中测试。在Xaml中，您的主视图将包含一个画布，其中包含其他实体，或者是基本实体，如Rectange、Ellipse、Path、Line、TextBlock，或者是由UserControl对象组成的复合实体。我建议将每个电子实体封装在一个UserControl对象中。

<ScrollViewer>
    <Canvas>
        <Rectangle/>
        <Line/>         
        <Line/>
        <Ellipse/>
     </Canvas>   
</ScrollViewer>

或者用户控制派生类中的电阻和电容。

<ScrollViewer>
    <Canvas>
        <mycontrols:Resistor/>
        <Polyline/>
        <mycontrols:Capacitor/>
    </Canvas>
</ScrollViewer/>