如何设计一个简单的图形？

Question

在UWP中，似乎没有图形控件。任何想法都有一个如图所示的简单图形控件。哪个控件最适合绘制这样的图形，并接受一些x-y值对？有任何代码示例或想法吗？

Answer 1

社区提供了图表控件，请选中WinRTXamlToolkit.Controls.DataVisualization package，其中提供了Area Chart控件。

如果你想自己做一个，并不是特别困难。

您可以通过定义点集合来绘制多边形，随后的XAML代码定义4个点[10，200]，[60，140]，[130，140]，[180,200]及其填充颜色。

<Polygon Fill="LightBlue"
     Points="10,200,60,140,130,140,180,200" />

这是呈现的内容：

Path比多边形具有更多的用途，您不仅可以定义海峡线，还可以定义更复杂的路径段，但是根据您的要求，您可以使用Polygon形状来实现。

参考：Draw shapes in UWP。

另请参阅XAML vector-based drawing sample

编辑：如果您想自己绘制图表，也需要绘制标签，但是，这并不是特别困难。