跳到主要内容
版本:11.0.0

数据模板(Data Templates)

在Avalonia UI中,数据模板不会存储在应用程序资源中。(样式也是如此,请参见这里。)

相反,数据模板要么放置在控件的DataTemplates集合内,要么放置在Application上:

例如,以下代码添加了一个数据模板来显示视图模型类MyViewModel

<UserControl xmlns:viewmodels="using:MyApp.ViewModels"
x:DataType="viewmodels:ControlViewModel">
<UserControl.DataTemplates>
<DataTemplate DataType="viewmodels:FooViewModel">
<Border Background="Red" CornerRadius="8">
<TextBox Text="{Binding Name}"/>
</Border>
</DataTemplate>
</UserControl.DataTemplates>
<!-- 假设ControlViewModel.Foo是MyApp.ViewModels.FooViewModel类型的对象,
则此处将显示一个具有圆角半径为8的红色边框,其中包含一个TextBox。
只有在使用编译绑定时才需要DataType,因此可以对其类型检查。 -->
<ContentControl Content="{Binding Foo}"/>
<UserControl>

Avalonia中的数据模板也可以针对接口和派生类(这在WPF中是不可能的),因此DataTemplate的顺序可能很重要:同一集合内的DataTemplate是按照声明的顺序计算的,因此您需要按照代码中的顺序将它们从最可能到最不可能的位置放置。

数据模板选择器(Data Template Selector)

在WPF中,您可以创建DataTemplateSelector来根据提供的数据选择或创建DataTemplate。在Avalonia中,您不能这样做,但是您可以实现IDataTemplate,它可以被看作是DataTemplateSelector的替代品。这里有一个示例。