Как показать список данных в XAML?

Question

Дело в том, что я хочу повторить следующий пример на XAML-странице. Разница здесь в том, что я не знаю заранее количество данных, которое нужно показать, поэтому оно должно быть вроде c one.

Скажем, у меня есть какая-то модель UserModel.cs, которая выглядит так :

class UserModel
{
    string FirstName { get; set; }
    int BirthYear { get; set; }
}

и у меня есть представление DataViewer.cs, которое выглядит так:

class DataViewer
{
    static void ShowData()
    {
        var users = new List<UserModel>() 
        {
            new UserModel() { FirstName = "Thomas", BirthYear = 1995 },
            new UserModel() { FirstName = "Arthur", BirthYear = 1991 },
            new UserModel() { FirstName = "John", BirthYear = 2000 }
        };

        foreach (var user in users)
        {
            Console.WriteLine($"{user.FirstName} was born in {user.BirthYear}");
        }
    }
}

Answer 1

Просто следуйте приведенному примеру в документации, которую вы можете найти здесь . Я не могу помочь вам больше, чем официальная документация, поскольку она очень solid для CollectionView: много примеров и как заставить ее работать.

В любом случае, вот отправная точка:

<CollectionView ItemsSource="{Binding Users}">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <StackLayout Orientation="Horizontal">
                <Label Text="{Binding FirstName}" />
                <Label Text="{Binding BirthYear}" />
            </StackLayout>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

Предполагается, что в вашей ViewModel есть свойство коллекции с названием Users.