如何将 wpf 画布中的元素居中

Question

如何使用附加属性使 wpf 画布中的元素居中？

Answer 1

我看到这篇文章是因为我正在寻找一种仅在 XAML 中将 Canvas 中的元素居中的方法，而不是使用附加属性。

以防万一，您出于同样的原因而来：

<Canvas x:Name="myCanvas">
    <Grid Width="{Binding ActualWidth, ElementName=myCanvas}" 
          Height="{Binding ActualHeight, ElementName=myCanvas}">
        <Label Content="Hello World!"
               HorizontalAlignment="Center"
               VerticalAlignment="Center" 
        />
    </Grid>
</Canvas>

还有一件事，但

请注意，这里的每个解决方案都是陷阱，具体取决于您试图实现的目标。仅仅因为您的元素按层次顺序位于 Canvas 中，它就不会成为 Canvas 本身的一部分。 Canvas 是用来绘制的，而不是放置控件的。因此您不能对这些控件使用 Canvas API，因为 Grid显然，就像一个孤立的覆盖层。

如果您想要一个单独的叠加层，而 Canvas 是您的背景，那么您可以使用此解决方案。

Answer 2

像这样的东西。

double left = (Canvas.ActualWidth - element.ActualWidth) / 2;
Canvas.SetLeft(element, left);

double top  = (Canvas.ActualHeight - element.ActualHeight) / 2;
Canvas.SetTop(element, top);

Answer 3

我知道执行此操作的唯一方法是计算画布的大小，然后根据该大小设置属性。这可以使用画布上 SizeChanged 的事件处理程序来完成：

parentCanvas.SizeChanged += new SizeChangedEventHandler(parentCanvas_SizeChanged);

void parentCanvas_SizeChanged(object sender, SizeChangedEventArgs e)
{
    parentCanvas.SetLeft(uiElement, (parentCanvas.ActualWidth - uiElement.ActualWidth) / 2);
    parentCanvas.SetTop(uiElement, (parentCanvas.ActualHeight - uiElement.ActualHeight) / 2);
}

Answer 4

您可以将 Canvas 和想要居中的元素放在 Grid 中：

<Grid>
    <Canvas Width="200" Height="200" Background="Black" />
    <Button Width="50" Height="20" > Hello
    </Button>
</Grid>