ListView与自定义视图的数据绑定

Question

我想要获得自定义视图的自定义列表（我最终将添加控件到每个视图）使用数据绑定显示在一个xamarin项目。但是当我运行我的项目时，没有任何东西出现在列表中。我对数据绑定的东西很陌生，所以我有点困惑。我搜索并尝试了一些其他解决方案，但一直未能找出我的具体问题。任何帮助，将不胜感激。这是我的代码：

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      x:Class="XamarinTuts.XMainPage"> 

    <ContentPage.Content> 
    <StackLayout> 
     <Label Text="Tasks:" HorizontalTextAlignment="Start" VerticalTextAlignment="Start" x:Name="tasksLabel"></Label> 
     <ListView ItemsSource="{Binding taskItems}"> 
     <ListView.ItemTemplate> 
      <DataTemplate> 
      <Frame BackgroundColor="Black" Padding="5"> 
       <Grid> 
       <StackLayout Name="TextStack" Orientation="Vertical" Grid.Column="0"> 
        <Label Text="{Binding Name}"></Label> 
        <Label Text="{Binding Description}"></Label> 
       </StackLayout> 
       <StackLayout Name="ButtonStack" Orientation="Horizontal" HorizontalOptions="End" Grid.Column="1"> 
        <Button Name="Edit" Text="Edit" Width="50" Height="50"></Button> 
       </StackLayout> 
       </Grid> 
      </Frame> 
      </DataTemplate> 
     </ListView.ItemTemplate> 
     </ListView> 

    </StackLayout> 

    </ContentPage.Content> 

</ContentPage> 

这是我的XAML。这里是我的XMainPage.cs：

public partial class XMainPage : ContentPage 
{ 


    TestViewModel vm; 

    public XMainPage() 
    { 

     InitializeComponent(); 

     vm = new TestViewModel(); 

     TaskListItem testItem = new TaskListItem(this, "Go shopping", "Drive to meijer and get the following: Milk, Eggs, Booze"); 
     TaskListItem testItem2 = new TaskListItem(this, "Play Overwatch", "Pwn some n00bs"); 
     vm.taskItems.Add(testItem); 
     vm.taskItems.Add(testItem2); 


     BindingContext = vm; 
    } 

} 

由我TestViewModel.cs如下：

public class TestViewModel : INotifyPropertyChanged 
{ 

    ObservableCollection<TaskListItem> mtaskItems; 

    public TestViewModel() 
    { 
     mtaskItems = new ObservableCollection<TaskListItem>(); 
    } 


    public ObservableCollection<TaskListItem> taskItems 
    { 
     get 
     { 
      return mtaskItems; 
     } 
     set 
     { 
      mtaskItems = value; 
     } 
    } 
    public event PropertyChangedEventHandler PropertyChanged; 

    void OnPropertyChanged(string name = null) 
    { 

     var changed = PropertyChanged; 

     if (changed == null) 
      return; 

     changed.Invoke(this, new PropertyChangedEventArgs(name)); 

    } 
} 

由我TaskListItem.cs如下：

public class TaskListItem : ViewCell 
{ 

    public Task newTask; 

    String mName; 
    String mDescription; 

    public String Name 
    { 
     get 
     { 
      return mName; 
     } 
    } 

    public String Description 
    { 
     get 
     { 
      return mDescription; 
     } 
    } 


    public TaskListItem(ContentPage taskListItemParent, String TaskName, String TaskDescription) 
    { 
     //newTask = new Task(TaskName, TaskDescription); 

     mName = TaskName; 
     mDescription = TaskDescription; 

    } 
} 

Answer 1

您没有设置BindingContext属性上在视图上。您应该创建一个ViewModel并将Observable Collection作为公共属性。

TestViewModel vm; 

    public XMainPage() 
    { 
     InitializeComponent(); 

     vm = new TestViewModel(); 

     BindingContext = vm; 
    } 

当使用Xamarin.Forms时，建议遵循MVVM模式。 Here is a simple sample项目写道，你的帮助你理解更好的数据绑定和所有的部分如何连接在一起。此外，this chapter of the Xamarin.Forms book DataBinding解释得很好