Windows 8 - XAML - 将网格放入 ListView

Question

在我的 Windows 8 应用商店的 XAML/C# 应用程序中，我正在尝试创建一个 ListView，其中每个 ListItem 都是一个水平网格，所以我使用下面的 XAML：

  <ListView Name="ResultsView">
    <ListView.ItemTemplate>
      <DataTemplate>
        <Grid>
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*" />
            <ColumnDefinition Width="4*" />
            <ColumnDefinition Width="4*" />
          </Grid.ColumnDefinitions>
          <TextBlock Text="{Binding BestRank}" Grid.Column="0"/>
          <TextBlock Text="{Binding PlayerName}" Grid.Column="1"/>
          <TextBlock Text="{Binding BestScore}" Grid.Column="2"/>
        </Grid>
      </DataTemplate>
    </ListView.ItemTemplate>
  </ListView>

当我运行这个程序时，列表视图包含它绑定到的列表中的所有项目（通过后面的代码）。然而，在每个列表项中，所有三列的内容都出现在一起，它们之间没有任何空格。当我在列表视图之外创建一个类似的网格时，它显示良好并占据屏幕的整个宽度，并将其划分为上述 XAML 中指定的三列。

我做错了什么？

Answer 1

我认为问题在于ItemContainerStyle 需要有HorizontalContentAlignment 的Stretch。尝试将此添加到 ListView：

<ListView.ItemContainerStyle>
            <Style TargetType="ListViewItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            </Style>
        </ListView.ItemContainerStyle>

Answer 2

ListBox 和 Grid 都应该有 Horizo​​ntalContentAlignment="Stretch"

指定网格的宽度或将样式作为资源添加到网格。在您的 </Grid.ColumnDefinitions> 行之后添加它。

 <Grid.Resources>
            <Style TargetType="TextBlock">
                <Setter Property="TextAlignment" Value="Right" />
                <Setter Property="Margin" Value="4" />
                <Setter Property="VerticalAlignment" Value="Center" />
            </Style>
 </Grid.Resources>

这将为网格中的所有文本块设置属性。您可能只需要 Margin 属性。还要考虑属性 Width 和 Padding。您可以通过将任何给定 TextBlock 上的属性设置为不是 Style 的默认值来覆盖此默认值。

Answer 3

据我回忆，默认的 ItemsPanelTemplate 是一个堆栈面板，这意味着它不会自动给它的孩子拉伸行为。您将需要更改它，我将在我的手机上等待我的笔记本电脑启动后进行编辑 :)

编辑：

不要忽略我在想ItemsControl，JBrooks 是对的，只需确保将HorizontalContentAlignment 设置为Stretch，默认为Left。

<ListView Name="ResultsView" HorizontalContentAlignment="Stretch">

这应该可以正常工作 - 任何使用 XXXXContentAlignment 的控件似乎都默认为 Left，我认为这与其他控件（例如 Grid）有点不一致

Answer 4

其实这不是Listview的问题。问题是你把它放在哪里？将您的列表视图放在网格中。它应该工作

<ListView Name="ResultsView" 
              HorizontalContentAlignment="Stretch">
        <ListView.ItemTemplate>
            <DataTemplate>
                <Grid Background="Yellow">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="1*" />
                        <ColumnDefinition Width="4*" />
                        <ColumnDefinition Width="4*" />
                    </Grid.ColumnDefinitions>
                    <TextBlock Text="{Binding BestRank}" Grid.Column="0"/>
                    <TextBlock Text="{Binding PlayerName}" Grid.Column="1"/>
                    <TextBlock Text="{Binding BestScore}" Grid.Column="2"/>
                </Grid>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>