c# - 将形状调整为窗口大小

Question

几天来，我一直试图找出一个非常简单的事情，但我就是不明白。我想要的是一个带有两个不同容器中的按钮和多边形的窗口。

调整窗口大小时，我希望按钮保持其大小和相对位置（例如，到左上角，而不被其他容器覆盖）并调整多边形的大小（它不应保持其宽度/高度比）而不改变它的行程厚度。

非常重要的是，我可以完全从代码隐藏创建多边形，在 xaml 中定义它根本没有帮助。

Answer 1

您在 WPF 中没有锚点。有许多布局控件，每一个都有不同的方式来设置控件的位置。

例如，放置在网格中的控件使用边距和它们的大小来定位。Canvas 中的控件使用Canvas.Top、Canvas.Left和Canvas.Right来Canvas.Bottom定位。控件StackPanels使用边距来获得分离。

我建议你看看这些关于 WPF 中布局的文章得到你想要的：

http://www.codeproject.com/KB/WPF/WPFLayoutQS.aspx

http://www.c-sharpcorner.com/UploadFile/dpatra/105202009083754AM/1.aspx

希望这可以帮助！

Answer 2

您可以创建一个带有缩放的PathGeometry的路径，该路径使用其容器的宽度和高度作为缩放因子。因此，您可以完全在逻辑坐标中指定几何，在任一方向上从 0 到 1：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <Button HorizontalAlignment="Left" Margin="5" Content="Button"/>
    <Canvas x:Name="polylineCanvas" Grid.Row="1">
        <Path Stroke="Blue" StrokeThickness="3">
            <Path.Data>
                <PathGeometry x:Name="polyline">
                    <PathGeometry.Transform>
                        <ScaleTransform
                            ScaleX="{Binding ActualWidth, ElementName=polylineCanvas}"
                            ScaleY="{Binding ActualHeight, ElementName=polylineCanvas}"/>
                    </PathGeometry.Transform>
                </PathGeometry>
            </Path.Data>
        </Path>
    </Canvas>
</Grid>

现在您可以在代码中指定几何图形，如下所示：

var points = new Point[]
{
    new Point(0.1, 0.1),
    new Point(0.9, 0.1),
    new Point(0.9, 0.9),
    new Point(0.1, 0.9)
};

var figure = new PathFigure
{
    StartPoint = points[0],
    IsClosed = true
};

var segment = new PolyLineSegment(points.Skip(1), true);
figure.Segments.Add(segment);
polyline.Figures.Add(figure);

您也可以使用StreamGeometry代替 PathGeometry。