UWP 中用于绘制和操作电路的最佳视觉控件是什么？

Question

我愿意在 UWP-Win10 (fall creators) C# 中编写一个用于模拟和分析电路的应用程序，以便在 Windows 商店中发布。我想出了所有的数学、算法和 classes。但我坚持如何在屏幕上显示电路。下面是我想在 UWP 应用程序中显示的示例图像。

用户必须能够放置电气元件（电阻器、电容器等）的符号、连接电线、移动元件（通过拖放）、旋转等，执行此操作的最佳 (XAML) 视觉控件或控件组合是什么？Grid？ Canvas？我猜元素必须是对象，它们是 classes 的实例。我有设计 class 图表、编写算法的知识，但我发现视觉上的东西有点困难。这些对象必须支持点击事件和拖放以在面板中移动。我怎样才能做到这一点？我真的不知道解决这一层软件的正确方法。

提前致谢。

Answer 1

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

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

或者 UserControl 中的电阻和电容派生类。

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

UWP 中用于绘制和操作电路的最佳视觉控件是什么？

What is the best visual control in UWP for drawing an electrical circuit, and manipulate it?

uwp

uwp-xaml