如何在 XAML 中显示递归属性

Question

我有一门课，看起来像

public class MyClass 
{
    public string MyTitle{get;set;}
    public MyClass Child{get;set;
}

这样做的原因是孩子和父母之间永远只有一对一的关系（也就是说，没有父母会有多个孩子）。

我想在 WPF 应用程序中进行布局，其中每个 MyTitle 将水平显示（基于总共有多少父和子）。 EG，类似

MyClass.MyTitle       MyClass.Child.MyTitle       MyClass.Child.Child.MyTitle  etc

在网络世界中，我们可以添加循环和 if 语句，只需检查子项是否为空（或不为空），然后附加下一项。

在网络世界中，类似于（伪代码）

item = Model.MyClass;

do while(true) {    
    if (item != null) {
        <div class="floatLeft">item.MyTitle</div>
    }
    else {
        break;
    }
    item = parent.Child;
}

XAML 似乎将我限制为模板。虽然我确信我会制定一个 C# 解决方案然后直接绑定，但我正在利用这个机会来了解有关 XAML 的更多信息。

问题是，它不是一个列表，所以我不确定使用 ItemsControl/ListView/etc 是否是正确的方法。我什至不确定我想要的能不能做到。

所以我的问题是这可以仅使用 XAML 完成吗？

Answer 1

如下所示的简单 DataTemplate 就可以完成这项工作。通过设置它的DataType属性，当Content的类型匹配DataType时，它会自动应用到ContentPresenters，ContentControls等的Content，这也将递归工作。

<Window.Resources>
    <DataTemplate DataType="{x:Type local:MyClass}">
        <StackPanel Orientation="Horizontal">
            <TextBlock Margin="4" Text="{Binding MyTitle}"/>
            <ContentPresenter Content="{Binding Child}"/>
        </StackPanel>
    </DataTemplate>
</Window.Resources>

鉴于您的窗口的 DataContext 包含一个 MyClass 实例，您可以只写

<ContentControl Content="{Binding}"/>

DataTemplate 会自动递归应用。

您可以尝试设置 DataContext 之类的

DataContext = new MyClass
{
    MyTitle = "Item1",
    Child = new MyClass
    {
        MyTitle = "Item2",
        Child = new MyClass
        {
            MyTitle = "Item3",
        }
    }
};

Answer 2

如果 MyClass 总是有固定数量的子 MyClass 元素，则可以制作递归模板

<Window x:Class="WpfApplication2.TestWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:wpfApplication2="clr-namespace:WpfApplication2"
        Title="TestWindow" Height="300" Width="300">
    <Window.Resources>
    <DataTemplate DataType="{x:Type wpfApplication2:MyClass}">
        <WrapPanel Orientation="Horizontal">
            <TextBlock Text=" => " FontSize="18" Margin="5,0"/>
            <TextBlock Text="{Binding MyTitle}" FontSize="18"/>
            <ContentControl Content="{Binding Child}"/>
        </WrapPanel>
    </DataTemplate>    

    </Window.Resources>

    <Grid>
      <Border BorderBrush="Blue" BorderThickness="1" 
            Margin="5" VerticalAlignment="Top">
        <ContentControl Content="{Binding .}"/>
      </Border>
    </Grid>
</Window>

public partial class TestWindow : Window
{
    public TestWindow()
    {
        InitializeComponent();
        // test DataContext
        DataContext = new MyClass
        {
            MyTitle = "1234567890",
            Child = new MyClass
            {
                MyTitle = "qwerty uiop ",
                Child = new MyClass
                {
                    MyTitle = "asdf ghjkl"
                }
            }
        };
    }
}