Как горизонтально выравнивать AppBarButton в командной строке

Я хочу выровнять один единственный AppBarButton справа на CommandBar в Page.BottomBar?

В дизайне он показывает app bar button с правой стороны, но в эмуляторе кнопка всегда находится в центре?

Есть ли способ выравнивания AppBarButton в page bottom bar?

Edit:

<Page.BottomAppBar>
    <CommandBar HorizontalAlignment="Right" HorizontalContentAlignment="Right">
        <CommandBar.PrimaryCommands>
        <AppBarButton Margin="100,0,0,0" HorizontalAlignment="Right" HorizontalContentAlignment="Right" IsEnabled="True" Name="btnNext" Icon="Next" x:Uid="AppBarNext" Label="Next1"></AppBarButton>
        </CommandBar.PrimaryCommands>
    </CommandBar>
</Page.BottomAppBar>

Ответ 1

Вы не можете центрировать кнопки в CommandBar. Сказав это, если вам нужен этот тип управления, вам просто нужно переключиться на элемент управления AppBar. Такое же поведение, просто большая гибкость. Компромисс заключается в том, что этот контроль не универсален и не будет отображаться в телефоне. Вам нужно будет открыть CommandBar для вашей платформы платформы телефона.

Ответ 2

HorizontalAlignment не работает. Это работа, которую мы используем:

<Page.BottomAppBar>
    <AppBar IsSticky="true">
        <Grid Margin="8,8,8,8">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <AppBarButton Grid.Column="0" 
                          x:Name="SelectButton" Icon="Bullets"
                          Label="!Select"  />
            <AppBarButton Grid.Column="1" 
                          x:Name="SelectAllButton" 
                          Icon="SelectAll" 
                          Label="!Select All"/>
            <AppBarButton Grid.Column="3" 
                          x:Name="DetailsButton" 
                          Icon="Edit"
                          Label="!Details"/>
        </Grid>
    </AppBar>
</Page.BottomAppBar>

И он просто работает:

Приветствия: P

Ответ 3

Это работает, когда я получаю левую оправданную кнопку возврата. Это любезно предоставлено блоге Руди Хуйна: Отобразить AppBarButton слева

<Page.TopAppBar>
    <CommandBar>
        <CommandBar.Content>
            <AppBarButton x:Name="Back" Icon="Back" Label="Back" Click="Back_Click" IsCompact="True"/>
        </CommandBar.Content>

        <AppBarButton x:Name="videoButton" Icon="Video" Label="Video"/>
    </CommandBar>
</Page.TopAppBar>

У Руди есть некоторые теории о том, почему Microsoft сделала это так. Содержание слева все остальное справа.

Кстати, IsCompact = "True" очень важен, или вы получаете раздражающие ярлыки, а также значки.

Приветствия Тима