在Windows Phone 8应用程序中的每个列表项行上动态显示两个网格控件

Question

实际上，我为Windows Phone 8设备做了一些项目 使用列表框控件的概念我已经静态地和动态地列出了列表框中的一些数据（将值绑定到itemsSource）。，

我已经知道如何在每个列表项上显示单个gridview，例如每个列表项的一个网格视图。

但我的问题是，我想在列表框内的每个List.Items上并排显示两个GridViews动态。，

静态地我们可以通过在我知道的XAML页面中进行设计。但是我不知道

“如何在列表框控件上的每个列表项上并排动态显示2个GridView”

所以我的listBox应该看起来像这个图像。，

请帮助我如何在每个列表项上以2格（并排）的列表框项目显示我的内容

或者是否有任何其他控件可以在Windows Phone中并排显示两个网格

提前致谢

Answer 1

您可以尝试使用Windows Phone toolkit中的<WrapPanel>作为ListBox的ItemsPanel来实现这一目标。例如：

<ListBox>
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <toolkit:WrapPanel ItemWidth="150" ItemHeight="250"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    .......
    .......
</ListBox>

<WrapPanel>从左到右排列ListBox项，然后在当前行中没有更多空间可用于下一项时排列到下一行。使用<WrapPanel>的示例结果可以在this SO post的@Xin中看到：

Answer 2

只是里面有一个包裹面板的列表框可以解决问题

  <ListBox Width="460" ScrollViewer.VerticalScrollBarVisibility="Auto" Height="402" HorizontalAlignment="Center" Name="lbScans" Margin="0,10,0,10">
                        <ListBox.ItemsPanel>
                            <ItemsPanelTemplate>
                                <toolkit:WrapPanel Width="460" HorizontalAlignment="Center" ScrollViewer.VerticalScrollBarVisibility="Auto"/>
                            </ItemsPanelTemplate>
                        </ListBox.ItemsPanel>
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel> 
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>