Xaml 如何更改GridView布局中的列数

我有以下布局的Metro应用程序：

 <!-- Horizontal scrolling grid -->
    <GridView 

            x:Name="itemGridView"
            AutomationProperties.AutomationId="ItemsGridView"
            AutomationProperties.Name="Items"
            TabIndex="1"

            Padding="116,136,116,46"
            ItemsSource="{Binding Source={StaticResource MyMenu}}"
            SelectionMode="None"
            IsSwipeEnabled="false"
            IsItemClickEnabled="True"

            ItemClick="ItemView_ItemClick" FontSize="12" FontStyle="Italic" HorizontalAlignment="Left" >

      <GridView.ItemTemplate>
        <DataTemplate >
          <Grid HorizontalAlignment="Left" Width="250" Height="250"  Background="Transparent">

            <Image Source="{Binding Image}" Stretch="UniformToFill" AutomationProperties.Name="{Binding Title}" />

            <StackPanel VerticalAlignment="Bottom" Background="Transparent" >
            <TextBlock Text="{Binding Description}" Foreground="{StaticResource ListViewItemOverlaySecondaryForegroundThemeBrush}" 
                         Style="{StaticResource GroupHeaderTextStyle}"  Margin="15,0,15,10" FontSize="20" TextAlignment="Center"/>
            </StackPanel>
          </Grid>
        </DataTemplate>
      </GridView.ItemTemplate>
    </GridView>
  </Grid>

问题是，该网格中的项目现在显示如下：
xx
X
而我希望它们看起来像这样

---

xx

首先，当我看到一些东西上有硬设置的TabIndex和疯狂的填充时，我立刻觉得有些人的布局很邋遢，DOM也很模糊，但这只是一个注释

不过，对于您的问题，您只需要通过指定符合您需要的

ItemsPanel

来指示它希望如何布局其子项

因此，类似的内容将与现有的

ItemTemplate

一起添加到它中

<GridView.ItemsPanel>
   <ItemsPanelTemplate>
       <StackPanel Orientation="Horizontal"/>
   </ItemsPanelTemplate>
</GridView.ItemsPanel>

---

希望这有帮助，干杯

尝试删除

TextBlock

？“TabIndex和疯狂填充”取自默认的VisualStudio模板。但此解决方案帮助您不用担心，永远不要相信默认的lol，但很高兴您找到了补救方法：）