将两个Listview合并为一个带有标头的Listview

Question

如何在xamarin.forms中组合两个带有头部的列表视图。到目前为止，我已经知道我可以使用组Listview来实现this.But，我不确定如何实现通过静态数据实现它的源代码的this.All，但在我的例子中，Listview项是动态的。

它是如何通过静态数据实现的。

List<GroupListModel> Groups = new List<GroupListModel>
            {
                new GroupListModel("list1","list1")
                {
                 new UserModel
                 {
                     FirstName = "list 1-1",
                     LastName= "12",
                 },
                },
                new GroupListModel("list2","list2")
                {
                    new UserModel
                    {
                        FirstName = "list2-1",
                        LastName= "1",
                    },
                    new UserModel
                    {
                        FirstName = "list2-2",
                        LastName= "2",
                    },
                    new UserModel
                    {
                        FirstName = "list2-3",
                        LastName= "3",
                    },
                    new UserModel
                    {
                        FirstName = "list 2-4",
                        LastName= "4",
                    },
                },
            };

            All = Groups;

这是我的分组列表模型，

public class GroupListModel:List<UserModel>
{
    public string Title { get; set; }
    public string ShortName { get; set; }
    public string Subtitle { get; set; }
    public GroupListModel(string title, string shortName)
    {
        Title = title;
        ShortName = shortName;
    }

    public List<UserModel> Listofusers;

    public static List<GroupListModel> All { set; get; }
},

我想要的是list1中的数据必须是动态的，即List1列表项目应该包含从服务器调用返回的数据列表。

我想要这样的东西。I want a listview like this

有没有人能帮我。

谢谢。

Answer 1

将IsGroupingEnabled设置为true。

<ListView ItemsSource="{Binding GroupList}"  IsGroupingEnabled="True">
    <ListView.GroupHeaderTemplate>
        <DataTemplate>
            <ViewCell>
                <Label Text="{Binding Title}" />
            </ViewCell>
        </DataTemplate>
    </ListView.GroupHeaderTemplate>

    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout Orientation="Horizontal" Spacing="5">
                   <Label Text="{Binding FirstName}" />
                   <Label Text="{Binding LastName}" />
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>