How to center an element in wpf canvas
How can I cen开发者_高级运维ter an element in wpf canvas using attached properties?
I came across this post, because I was searching for a way to center an element within a Canvas in XAML only, instead of using Attached Properties.
Just in case, you came for the same reason:
<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>
One more thing, though
Beware that every solution here is a trap, depending on what you try to archive. Just because your element is within the Canvas
on a hierarchical order, it will not be part of the Canvas
itself. A Canvas
is something to draw on and not to place controls in. So you cannot use the Canvas
API for those controls, because the Grid
is like an isolated overlay, obviously.
If you want a separated overlay, whilst the Canvas
is your background, you are good to go with this solution.
Something like this.
double left = (Canvas.ActualWidth - element.ActualWidth) / 2;
Canvas.SetLeft(element, left);
double top = (Canvas.ActualHeight - element.ActualHeight) / 2;
Canvas.SetTop(element, top);
The only way I know to do this is to figure out the size of the canvas, and then set the properties based off that. This can be done using an event handler for SizeChanged
on the canvas:
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);
}
You can put the Canvas and the element you want to be centered inside a Grid :
<Grid>
<Canvas Width="200" Height="200" Background="Black" />
<Button Width="50" Height="20" > Hello
</Button>
</Grid>
精彩评论