将 XAML 子项拆分为用户控件中的多个元素

Question

我一直在尝试为问卷应用程序制作用户控件，在该应用程序中我有一些问题需要在特定条件下进行后续问题。一个简单的情景可能是，如果我们在某个问题上得到“是”，我们希望显示后续问题。

此时我已经按照Zenexer on a similar question 中的示例进行了操作。我的想法是，我会将我的用户控件的第一个孩子放在一个容器中（StackPanel 或其他），然后所有 第二个StackPanel 中的后续元素。但是在aforementioned example 中，所有子元素都被填充到用户控件中的一个元素中。据我了解，这是因为[ContentProperty(nameof(Children))] 设置为用户控件的所有内容。

我尝试在 Zenexer 的示例中更改 Children 的 getter 和 setter，但无济于事。

问题： 有没有办法使用 XAML 将我的用户控件的子级溢出到我的用户控件中的两个（或更多）元素中，如下所示：

MainWindow.xaml

<SubQuestionBox>
    <BinaryQuestion
            QuestionNumber="4.1"
            QuestionText="Parent question"/>

    <TextQuestion
            QuestionNumber="4.1.1"
            QuestionText="Child question 1"/>

    <TextQuestion
            QuestionNumber="4.1.2"
            QuestionText="Child question 2"/>
</SubQuestionBox>

SubQuestionBox.xaml

<UserControl x:Class="SubQuestionBox">

    <!--StackPanel To contain the question controls-->
    <StackPanel>
        <StackPanel x:Name="ParentContainer" />
        <StackPanel x:Name="SubQuestionsContainer" />
    </StackPanel>

</UserControl>

Answer 1

如果有人想知道我是怎么做到的，它是这样的。

SubQuestionBox.xaml 类似于原始问题

SubQuestionBox.xaml.cs Children 属性是 DependencyProperty，就像在 the example of @Zenexer 中一样

public SubQuestionBox()
{
    InitializeComponent();
    Children = SubQuestionsContainer.Children;

    // add listener for Loaded event and call OnLoaded()     
    Loaded += OnLoaded; 
    if (ParentQuestion != null)
        // The BinaryQuestion has a AnswerChanged event
        ParentQuestion.AnswerChanged += ToggleCollapse;
}

public void DistributeQuestions()
{
    // This method seems super hacky to me. 
    // I would have thought there is a more elegant way

    UIElement parent = null;
    if (Children != null)
    {
        parent = Children[0];
        Children.RemoveAt(0);
    }
    if (ParentContainer != null && parent != null)
    {
        ParentContainer.Children.Add(parent);
    }

}

private void OnLoaded(object sender, RoutedEventArgs e)
{
    DistributeQuestions();
}