UWP AdaptiveGrivew HorizontalAligment не работает

Question

Я создал приложение UWP и использую AdaptiveGridView из Mircosoft.Toolkit, но когда я создаю свой ToggleButton в AdaptiveGridView не в центре. Как я могу это исправить?

Мой код

<Page.Resources>
        <DataTemplate x:Key="ToggleButtonTemplate">
            <Grid>
                <ToggleButton x:Name="a" Content="{Binding Textttt}"
                        HorizontalAlignment="Center" 
                        VerticalAlignment="Center"
                        MinWidth="150" Click="Button_Click" 
                        Style="{StaticResource HeinekenToggleButtonStyle}"
                        />
            </Grid>
        </DataTemplate>
<Page.Resources>
<controls:AdaptiveGridView Name="MenuItemGrid" 
                                   HorizontalAlignment="Center"
                                   VerticalAlignment="Top"
                                   Margin="5"
                                   ItemTemplate="{StaticResource ToggleButtonTemplate}"
                                   Grid.Row="0"/>

Answer 1

Это работает как ожидалось.Сначала я подумал, что не так, глядя на картинку.В конце я понимаю, что вы хотите, чтобы последние два элемента были центрированы в последнем ряду, а не отображались с самого начала.

Теоретически это возможно, но не существует операционной системы с элементами управления, которыенасколько я знаю, это будет работать (и я создавал приложения для всех основных операционных систем).Таким образом, вы должны построить все с нуля, если вы действительно этого хотите, вы не можете полагаться на какой-либо элемент управления, поскольку просто это не считается хорошим дизайном.

Горизонтальное выравнивание означает, как размещается ваш элемент управлениявнутри его контейнера, а не о том, как контейнер находится внутри его строки, нет свойства, которое могло бы повлиять на это.

Answer 2

Попробуйте использовать Row и Column определений, а затем установите Grid.Column = "0" и Grid.Row = "0" для ToggleButton вот так:

 <Grid>
    <Grid.RowDefinitions>
     <RowDefinition Height="*"/><RowDefinition/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
     <ColumnDefinition Width="*"/><ColumnDefinition/>
    </Grid.ColumnDefinitions>

    <ToggleButton x:Name="a" Grid.Row="0" Grid.Column="0" Content="{Binding Textttt}"
                    HorizontalAlignment="Center" VerticalAlignment="Center"
                    MinWidth="150" Click="Button_Click" Style="{StaticResource  HeinekenToggleButtonStyle}"
     />
</Grid>

Надеюсь, это поможет вам.