WPF Canvas Panel

Canvas 面板用于通过坐标放置子元素。所有这些元素都与 canvas 区域相关。 Canvas 面板被称为最直接的面板。 Canvas 面板本身不会做任何事情。我们唯一能做的就是将控件放入其中。

现在我们将编写以下 XAML 代码来创建 Canvas 面板。

MainWindow.Xaml

以上代码的输出将如下图所示

输出

我们可以看到我们创建了两个按钮并将它们都放在相同的位置，但在输出中，我们只能看到一个按钮。

Canvas 控件本身不会做任何事情，要调整控件，我们必须使用坐标。要放置控件，我们将应用左、右、下和上坐标。

要指定控件的位置，我们将编写以下代码

MainWindow.XAML

以上代码的输出将如下图所示

输出

Canvas 被称为特殊的布局面板。此面板根据位置（如 x 和 y 坐标）放置子元素。我们可以将元素放置在画布的任何位置。当元素的位置彼此相交时，元素可以重叠。元素可以按顺序放置。

在画布上放置元素没有任何限制。定义元素的高度和宽度非常必要。我们还可以使用 Canvas.Left、Canvas.Top、Canvas.Right、Canvas.Bottom 来定义 Canvas 中的坐标。

现在我们将举另一个 Canvas 的例子。

MainWindow.XAML

以上代码的输出将如下面的屏幕截图所示

输出

在上面的代码中，我们可以看到我们将 Border 元素放置在同一区域，但 canvas 属性更改了坐标系并将元素放置在窗口的四个侧面。

正如我们在上面的屏幕截图中看到的那样，椭圆彼此重叠，这仅仅是因为元素放置在相同的序列中。