XY coordinates of WPF button move on runtime?

Question

I got a pretty weird behavior of my WPF application: the XY position of my button on runtime seems to be divergent to that when I set it in my xaml-Editor of Visual Studio (is there a name for it btw?)

It has no alignments set or panels around it, i have only set it by margins. My button has the following code:

<Button Content="OK" Height="23" Margin="213,319,4,7" Name="button3" Width="75" IsCancel="True" Click="button3_Click" IsEnabled="False" />

Edit:

The margins are fixed because it is a non-resizable dialog. As you can see, the button's slightly moved to the left and up:

xaml-Editor:

Runtime:

Why is that and how can I fix it?

Answer 1

I guess the below link about the Alignment, Margins, and Padding Overview will help you to understand how it is works?

Else place a panel wrappers such as Stackpanel, Wrappand or Grid. It's suitable to work the layout of the controls

EDIT : The problem was with the ResizeMode="NoResize". If you remve this attribute in Window tag, then alignment would be good

Link to Refer

Answer 2

Man, that's the worst way to set the position of a UI element in WPF!

Refactor your XAML to something like this:

  <Grid Margin="5">
    <Grid.RowDefinitions>
      <RowDefinition Height="*"/>
      <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <ListView Grid.Row="0" Name="TableList" Margin="5"/>

    <Button Grid.Row="1" Name="button3" Content="OK"
            Margin="5"
            Width="75"
            HorizontalAlignment="Right"/>
  </Grid>

You see? There is a Grid that handles the position of all its children (in this case, a ListView and a Button).

The Button is put on the second Row, aligned to the right (HorizontalAlignment property).

Both the Grid and its children have Margin=5. This guarantees that the margin of every children is equal respect to the adiacent children and to other controls outside the Grid.

Also, the ListView and the Button are perfectly aligned.

The problem with your approach is that you set the Button Width and its Left Margin and its Right Margin. Maybe the total is not correct because the border of the Window eats some pixel, or simply WPF can't handle all the informations together and misses the calculation, who knows, but the consequence is that you must leave at least one parameter free. In my example, I left free the Margins from the Window. The Margin=5 sets only the relative Margin respect to the other controls, but how much the Button is distant from the left border of the Window is something I leave to the WPF graphical engine to calculate.