How to center an element in wpf canvas

wpf canvas wpf-positioning
Soham Dasgupta picture Soham Dasgupta · Feb 5, 2010 · Viewed 41.2k times · Source

How can I center an element in wpf canvas using attached properties?

Answer

Martin Braun picture Martin Braun · Mar 9, 2016

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.

Related questions

Positioning UIElement on a Canvas

I have a canvas and a red rectangle laid on it. Rectangle has a MouseDown event handler implemented: private void RedRectangle_MouseDown(object sender, MouseButtonEventArgs e) { CreateMyBorder(); } The CreateMyBorder method is supposed to create a Border UIElement with the same …

Read More
Is it possible to bind a Canvas's Children property in XAML?

I'm a little surprised that it is not possible to set up a binding for Canvas.Children through XAML. I've had to resort to a code-behind approach that looks something like this: private void UserControl_Loaded(object sender, RoutedEventArgs e) { …

Read More
WPF Canvas Scaling/Transform to Fit

I'm reposting this question as I didn't get much of a response last time, hopefully a bit of re-wording might help... Essentially what I'm trying to do is to create a databound canvas, that will automatically scale its contents to …

Read More