如何创建两个LongListSelector组合并一起滚动?

时间:2014-10-18 16:09:39

标签: windows-phone-8 scrollview longlistselector

我有两个不同的列表和它们之间的标题。如何将所有这些组合并添加到滚动视图中?我应该创建所有项目并将它们动态添加到网格中,还是可以将这些项目与longlistselector结合使用?

这是我想要创建的图片:

enter image description here

1 个答案:

答案 0 :(得分:1)

更新的解决方案


如果<ScrollViewer>和两个(2)<ItemControl>如此相似:然后将ItemControl的ItemsSource设置为您拥有的列表。

<ScrollViewer>
    <StackPanel>                    
        <!-- list #1 -->
        <ItemsControl x:Name="list1" ItemsSource="{Binding YOURLIST_1}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBlock Text="{Binding YOURTEXT}"></TextBlock>
                        <!-- ................ -->
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>                    
        <!-- header -->
        <TextBlock Text="YOUR HEADER"></TextBlock>
        <!-- list #2 -->
        <ItemsControl x:Name="list2" ItemsSource="{Binding YOURLIST_2}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBlock Text="{Binding YOURTEXT}"></TextBlock>
                        <!-- ................ -->
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </StackPanel>
</ScrollViewer>

OLD解决方案

那将是非常困难的,可能非常麻烦。但是,如果您要使用密钥对模型项进行分组,您似乎可以使用 ONE LongListSelector获得相同的结果。


How to display data in a grouped list in LongListSelector for Windows Phone 8

您的“标题”将成为您的密钥。启动Windows Phone新闻应用程序,在“标题”页面下,您将看到一个很好的分组示例。

enter image description here