Xamarin.Forms列表视图，带有简单的主文本/详细文本

Question

Xamarin网站上的示例没有代码显示如何简单地获取数据对象列表，并使用带有主要文本和详细文本的TextCells填充ListView。

我的代码如下所示：

var newsListings = await App.Api.News.GetNewsAsync(true);
                var simpleNews = new List<TextCell>();

                foreach (var newsData in newsListings.news)
                {
                    simpleNews.Add(new TextCell() { Text = $"{newsData.displayText}", TextColor = Color.SlateGray, Detail = $"{MonthHelper.GetShortMonth(newsData.displayDate.Month,'.')} {newsData.displayDate.Day}, {newsData.displayDate.Year}", DetailColor=Color.DarkGray });
                }

                NewsListing.ItemsSource = simpleNews;

简单的XAML：

<ScrollView>
    <ListView x:Name="NewsListing"></ListView>
</ScrollView>

输出是一个ListView，它说Xamarin.Forms.TextCell 27次...

Answer 1

您可以通过创建IEnumerable并将其分配给ItemSource来绑定列表，并使用模板指定显示数据中的哪些属性来绑定它们。

public class Data {
  public string Primary { get; set; }
  public string Secondary { get; set; }
}

// in your page's OnAppearing
listView.ItemsSource = new List<Data>() { // initialize your list // };

// XAML
<ListView x:Name="listView">
    <ListView.ItemTemplate>
        <DataTemplate>
            <TextCell Text="{Binding Primary}" DetailText="{Binding Secondary}">
        <DataTemplate>
    </ListView.ItemTemplate>
</ListView>