从视图函数创建 Xamarin.Forms.DataTemplate

Question

CollectionView（或 ListView）提供了一种查看对象序列（T 类型）的方法。与 StackLayout 或 Grid 相比，它的优势在于仅根据需要加载视图。

为每个对象指定视图的自然方法是提供一个函数v:T->View (F#)。

但是 CollectionView/ListView 需要 DataTemplate。 DataTemplate class 与绑定非常相关，因此 API 是不自然的、无信息的和类型不安全的。有用的属性似乎是Values，类型为IDictionary<BindableProperty,Object>。

是否有可能绕过这个 API 并创建一个接受 v:T->View 并返回 DataTemplate 的函数？这将允许为 DataTemplate 以及 ListView 和 CollectionView 创建一个干净的 API。

Answer 1

实现此目的的一种方法是创建您自己的 DataTemplate 和 ViewCell。

DataTemplate 只需要一个派生自 ViewCell 的类型，以便在 ListView 需要时进行实例化。 然后它调用这个新创建/重用的 ViewCell 的OnBindingContextChanged 方法并传递元素的相应值。

此时，您可以访问ViewCell.View 属性，该属性将包含您要显示的控件。 你可以在那个时候执行你的函数。

在你的情况下，因为你有一个'T 的列表，这将是这样的：

type FuncViewCell(createFunc: 'T -> View) =
    inherit ViewCell()

    override x.OnBindingContextChanged () =
        let data = x.BindingContext :?> 'T
        x.View <- createFunc data

type FuncDataTemplate(createFunc: 'T -> View) =
    inherit DataTemplate(fun () -> FuncViewCell(createFunc))


(...)

let createViewForData data =
    Button(Text = data.Text)

let listView = ListView()
listView.ItemTemplate <- FuncDataTemplate(createViewForData)
listView.ItemsSource <- dataSource

----

Or even directly:

type FuncListView(createFunc) =
    inherit ListView(DataTemplate = FuncDataTemplate(createFunc))

let listView = FuncListView(createViewForData)
listView.ItemsSource <- dataSource

在 Fabulous.XamarinForms 中可以找到类似的方法。

不同的是元素自带了自己的视图创建功能。所以不需要扩展 DataTemplate 来传递函数。

https://github.com/fsprojects/Fabulous/blob/79c5df748fff7a108dfbcbf8609cb2265a8fddc7/Fabulous.XamarinForms/src/Fabulous.XamarinForms.Core/CustomControls.fs#L110-L151

Answer 2

解决方案是使用 DataTemplateSelector。

这里是这个链接：-

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/templates/data-templates/selector

您可以做的是从 API 调用中获取 DataTemplate Id，然后根据 Id，您可以选择特定的 DataTemplate。您将制作那么多 DataTemplate 并存储在页面的 Xaml 中。这将是最安全和最简单的解决方案。