如何在 Xamarin 中将 View 绑定到 ViewCell

Question

所以我在做一个 MVVM 应用程序并且有一个问题：我需要在应用程序中动态创建一个界面。所以我用Collection创建了一个ViewModel。

public ObservableCollection<ViewCell> dataTemplate { get; set; }

并添加一个添加新元素的按钮

private void NewOther(object obj)
    {
        IsBusy = true;
        try
        {                
            ViewCell other = new ViewCell
            {
                View = new StackLayout
                {
                    Children = { new Label { Text = "I m New" } }
                }

            };
            
            dataTemplate.Add(other);
        }
        catch (Exception ex)
        {
            Debug.WriteLine(ex);
        }
        finally
        {
            IsBusy = false;
        } 
    }

在 Xaml 中我有：

<RefreshView Padding="5" Command="{Binding LoadCheckListsCommand}" IsRefreshing="{Binding IsBusy, Mode=TwoWay}">            
        <ListView ItemsSource="{Binding dataTemplate}">
            <ListView.Header>
                <Grid ColumnDefinitions="*,*,*">
                    <Button Text="Add Measurment" Grid.Column="0" Command="{Binding AddMeasurment}"/>
                    <Button Text="Add Pattern" Grid.Column="1" Command="{Binding AddPattern}"/>
                    <Button Text="Add Other" Grid.Column="2" Command="{Binding AddOther}"/>
                </Grid>
            </ListView.Header>
            <ListView.Footer>
                <StackLayout Orientation="Horizontal" Margin="0,10,0,0">
                    <Button Text="Cancel" Command="{Binding CancelCommand}" HorizontalOptions="FillAndExpand"></Button>
                    <Button Text="Save" Command="{Binding SaveCommand}" HorizontalOptions="FillAndExpand"></Button>
                </StackLayout>
            </ListView.Footer>
            
            
        </ListView>
    </RefreshView>

所以，在我按下AddOther 之后，我有一个带有文本“Xamrin.Forms.ViewCell”的新元素，我认为这只是viewcell.ToString()。

这里如何绑定view cell的内容？

Answer 1

要达到你的要求，你必须知道

1. 我们经常使用Data作为source并绑定到control/layout，直接设置View作为source是不正确的。

2. ListView 共享同一个模板，也就是说行应该是相同的，我们不能在运行时添加不同的模板。

---

作为一种解决方法，我们可以使用TableView。

TableView 没有 ItemsSource 的概念，因此必须手动将项添加为子项。

示例代码

//xaml
<TableView>
     <TableSection x:Name="section">
          <ImageCell ImageSource="dog.png"/>
          <SwitchCell On="True"/>
      </TableSection>
</TableView>

//code behind
private void NewOther(object obj){

    ViewCell other = new ViewCell
    {
        View = new StackLayout
        {
            Children = { new Label { Text = "I m New" } }
         }

     };
     section.Add(other);
}

屏幕截图

参考

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/listview/data-and-databinding.

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/tableview.