代码之家  ›  专栏  ›  技术社区  ›  Leandro Alsina

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

  •  2
  • Leandro Alsina  · 技术社区  · 6 年前

    我愿意在UWP-Win10(fall creators)C#中编写一个用于模拟和分析电路的应用程序,以便在Windows应用商店中发布。我已经弄清楚了所有的数学、算法和课程。但我一直在研究如何在屏幕上显示电路。下面是我想在UWP应用程序中显示的示例图像。 Example image of electric circuit

    用户必须能够放置电气元件(电阻器、电容器等)的符号,连接电线,移动元件(拖放),旋转等。, 什么是最好的(XAML)视觉控件,或用于执行此操作的控件组合?,网格帆布我猜元素一定是对象,它们是类的实例。我有设计类图、编写算法的知识,但我发现视觉上的东西有点困难。这些对象必须支持单击事件和拖放以在板中移动。我该怎么做?我真的不知道如何正确地解决这一层软件。

    提前谢谢。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Michael S. Scherotter    6 年前

    您可以在Xaml中表示所有这些,但随着实体数量的增长,您可能会开始看到性能问题。另一种选择是使用像Win2D这样的绘图库来绘制和处理所有的操作和命中测试。 在Xaml中,主视图将包含一个画布,其中包含其他实体,如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/>