如何让一系列 IEnumerable 对象看起来像 Windows Phone 7 中的一个大堆栈面板？

Question

对于这个例子，我有一个 IList<>包含一组也是列表的对象。例如，一个联赛由一组球队组成，而这些球队又由球员组成。我想要的是一个只有一个滚动条的列表。

我尝试过嵌套的 ListBox 控件，但最终变成了一堆表现可怕的多个滚动条。滚动功能很糟糕，它似乎隐藏了球队球员列表的底部。

任何帮助都会很棒！

Answer 1

为什么不使用 ItemsControl 而不是 ListBox？ ListBox 提供选择，如果您不需要它，ItemsControl 是 更轻量且加载速度更快。此外，通过 ItemsControl，您可以完全控制托管项目的元素。这样，您就可以省略 ScrollViewer。

要渲染您的项目，请尝试以下操作：

<ItemsControl ItemsSource={Binding League.Teams}>
  <!-- use a StackPanel to host your elements -->
  <ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
      <StackPanel Orientation="Vertical"/>
    </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>
  <!-- render each team -->
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <!-- render each player within the team -->
      <ItemsControl ItemsSource={Binding Players}>
        <ItemsControl.ItemsPanel>
          <ItemsPanelTemplate>
            <StackPanel Orientation="Vertical"/>
          </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate>
          <DataTemplate>
            <!-- render the player's name -->
            <TextBlock Text="{Binding Name}"/>
          </DataTemplate>
        </ItemsControl.ItemTemplate>
      </ItemsControl>
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>

Answer 2

您可以非常轻松地禁用列表框的滚动条。只需将 ScrollViewer.VerticalScrollBarVisibility="Disabled" 添加到内部 ListBox 的 XAML 属性即可。