使用WPF的视图框中的多段线

Question

我想在WPF的Viewbox中“绘制”一些Polyline和一些Textblock或Label 。

由于Viewbox只允许一个Child，因此我尝试将Polyline放入无法使用的Canvas元素中：

XAML：

<Viewbox Stretch="Uniform">
     <Canvas Margin="10">
        <Polyline 
                        Points="{Binding Path=Points2}"
                        Stroke="Green"
                        StrokeThickness="2" >
        </Polyline>
                    <!-- other Polylines, Textblocks etc.  would go here... -->
    </Canvas>
</Viewbox>

当我使用此代码时（即，我只是放下Canvas ）正确绘制了Polyline ：

<Viewbox Stretch="Uniform">
        <Polyline 
                        Points="{Binding Path=Points2}"
                        Stroke="Green"
                        StrokeThickness="2" >
        </Polyline>
</Viewbox>

我想可视化一些几何属性，例如在非常简单的计算机几何程序（例如geogebra）中。 可以选择在下一版本中移动某些点，但这不是必需的。

解：

<Viewbox Stretch="Uniform">
     <Grid>
        <Polyline 
                        Points="{Binding Path=Points2}"
                        Stroke="Green"
                        StrokeThickness="4" >
        </Polyline>
        <Polyline 
                        Points="{Binding Path=Points2}"
                        Stroke="Yellow"
                        StrokeThickness="2" >
        </Polyline>
    </Grid>
</Viewbox>

这将相同的多边形彼此叠加，即，细的黄色在宽的绿色折线之上。

这个stackoverflow问题的答案对我有所帮助。

Answer 1

画布实际上不适用于这样的事情，一旦将控件放入画布中，就会忽略所有布局。 您是否可以将折线放置在网格中并使用边距定位它们？

<Viewbox Stretch="Uniform">
    <Grid  Margin="10">
        <Polyline 
                    Points="{Binding Path=Points2}"
                    Stroke="Green"
                    StrokeThickness="2" >
        </Polyline>
    </Grid>
</Viewbox>

Answer 2

之所以看不到折线，是因为“ Canvas的默认“ Height和“ Width为0。

尝试显式设置“ Height和“ Width 。

<Viewbox x:Name="ViewBox" Stretch="Uniform">
    <Canvas x:Name="chartCanvas" Margin="10" Height="200" Width="300">
        <Polyline 
                Points="{Binding Path=Points2}"
                Stroke="Green"
                StrokeThickness="2">
        </Polyline>
        <!-- other Polylines, Textblocks etc.  would go here... -->
    </Canvas>
</Viewbox>