Как создать макет из двух столбцов, используя xaml RelativePanel?

Question

Мне бы очень хотелось использовать RelativePanel в приложении UWP, которое я пишу, чтобы упростить визуальное состояние.

Это то что я хочу

Я пытался добиться этого с помощью следующего XAML:

<RelativePanel>

    <TextBlock x:Name="Title" Height="50" Margin="15" FontSize="24"
        RelativePanel.AlignTopWithPanel="True" 
        RelativePanel.AlignLeftWithPanel="True" 
        RelativePanel.AlignRightWithPanel="True">
    </TextBlock>

    <TextBox x:Name="Editor" Margin="15" Padding="20" HorizontalAlignment="Stretch" 
        RelativePanel.AlignLeftWithPanel="True" 
        RelativePanel.Below="Title" 
        RelativePanel.RightOf="FileList">
    </TextBox>  

    <ListView x:Name="FileList" HorizontalAlignment="Stretch" Margin="15"
        RelativePanel.AlignRightWithPanel="True" 
        RelativePanel.Below="Title">
    </ListView>

</RelativePanel>

Это не работает Editor не растягивается Если я установлю Editor в RelativePanel.AlignRightWith="FilesList", он растягивает список прошлых файлов и заполняет окно.

Есть ли способ сделать то, что я хочу с RelativePanel? Пожалуйста, не размещайте предложения о том, как сделать это в GridЯ уже могу это сделать - я хочу использовать RelativePanel в этом случае

Answer 1

Ваш Editor контроль должен иметь -

RelativePanel.AlignLeftWithPanel="True"
RelativePanel.Below="Title"
RelativePanel.LeftOf="FileList"
RelativePanel.AlignBottomWithPanel="True"

Обратите внимание, это должно быть LeftOfне RightOf, Вам также понадобится AlignBottomWithPanel установлен в True,