使用 DataTemplate 时，ListView 仅显示列表中的最后一项

Question

我将客户列表绑定到 Xamarin Listview。我想使用带有 ViewCell 的 DataTemplate。

根据文档，我们可以使用 2 个构造函数之一：

1. new DataTemplate(typeof(CustomerViewCell));

2. new DataTemplate(=>new CustomerViewCell);

但是，它们会导致不同的结果。第一个正确显示列表，而第二个显示重复列表的最后一项。

我不知道一些基本的东西吗？

这是我的客户模型：

 public class Customers : List<Customer>
    {

        public Customers()
        {
            Add(new Customer { No = 1, Name = "Microsoft" });
            Add(new Customer { No = 2, Name = "Google" });
            Add(new Customer { No = 3, Name = "Facebook" });
        }

    }

    public class Customer {

       public int No { get; set; }
        public string Name { get; set; }

    }

这里是继承自 ViewCell 的 CustomerViewCell.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ViewCell xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             x:Class="LVDataTemplate.View.CustomerViewCell">
  <ViewCell.View>
      <StackLayout Orientation="Horizontal">
          <Label Text="{Binding No}" />
          <Label Text="{Binding Name}" />
        </StackLayout>
  </ViewCell.View>
</ViewCell>

CustomerListView，显示客户：

    public partial class CustomerListView :ContentPage
    {

        public CustomerListView()
        {
            InitializeComponent();

            MyListView.ItemsSource = new Customers();

            //1. Work correctly 
            // MyListView.ItemTemplate = new DataTemplate(typeof(CustomerViewCell));

            //2. Work in-correctly. only the last item repeated through out the list
            var theCell = new CustomerViewCell();
            MyListView.ItemTemplate = new DataTemplate(()=>theCell);

        }


    }

第一个代码显示结果：

1. 微软。
2. 谷歌
3. 脸书

第二场演出

1. 脸书
2. 脸书
3. 脸书

Answer 1

请在此处阅读文档：data-templates/creating

方法public DataTemplate(Func<object> loadTemplate);是用来创建一个datatemplate作为resource，所以第二个构造函数的正确用法是：

var personDataTemplate = new DataTemplate(() => {

        return new ViewCell1();
    });


    Resources = new ResourceDictionary();
    Resources.Add("personTemplate", personDataTemplate);

    testListView.ItemTemplate = (DataTemplate)Resources["personTemplate"];

或者您可以像这样自定义 ViewCell：

var personDataTemplate = new DataTemplate (() => {
  var grid = new Grid ();
  ...
  return new ViewCell { View = grid };
});

另外，您可以直接使用 personDataTemplate 而不将其定义为资源：

 testListView.ItemTemplate = personDataTemplate;

您的代码的问题是您应该在块内创建theCell，您可以使用：

    var personDataTemplate = new DataTemplate(() => {

        return new ViewCell1();
    });

或者

public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();       
        testListView.ItemTemplate = new DataTemplate(() => test());
    }

    public ViewCell1 test() {

        //other actions
        return new ViewCell1();
    }
}

第一个构造函数MyListView.ItemTemplate = new DataTemplate(typeof(CustomerViewCell));是creating-a-datatemplate-with-a-type，没错。