Center command bar buttons in windows uwp

is there a way to move a command bar button to 50% bar width? New buttons are always stuck to the right and I want them to be centered:

App bar button

But changing the HorizontalAlignment property to center won't move it. The only thing that seems to work is to work with margins - but I can't use them since the position will differ for different resolutions.

XAML Code looks like this:

<Page.BottomAppBar>
    <CommandBar Background="#FFFF8B00" VerticalAlignment="Top" HorizontalAlignment="Left" Width="360" HorizontalContentAlignment="Center" UseLayoutRounding="True" VerticalContentAlignment="Top" Padding="0">
        <AppBarButton x:Name="button" HorizontalAlignment="Center" Icon="Account" Label="button" VerticalAlignment="Top" d:LayoutOverrides="Height"/>
    </CommandBar>
</Page.BottomAppBar>

Center command bar buttons in windows uwp

2 Answers