使用堆栈面板而不是扩展面板时，项目对齐方式发生了变化

Question

我正在执行一个要在窗口中显示一些项目的实现，如下所示

---------------------
|                   |
|                   |   
|                   |
|                   |
|                   |
|                   |
|                   |
| xx xx       xx xx |
|--------------------  

所附的scrrenn镜头也显示相同的。但是我需要以某种方式使用堆栈面板而不是停靠面板来实现这一点

尽管我可以在使用堆栈面板时从停靠面板按要求运行它，但它弄乱了所有对齐方式。

这里是看起来像的必不可少的方法

这是堆栈面板中的外观

下面是我的代码，有人可以帮我吗？

<Grid>

        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <StackPanel Grid.Row="2" Margin="0,10,0,0">
            <StackPanel HorizontalAlignment="Left" Orientation="Horizontal">

                <TextBlock>  Text01  </TextBlock>

                <TextBlock>  Text02  </TextBlock>


            </StackPanel>

            <StackPanel HorizontalAlignment="Right" Orientation="Horizontal" >

                <TextBlock>  Text03  </TextBlock>

                <TextBlock>  Text04  </TextBlock>


            </StackPanel>
        </StackPanel>

    </Grid>

Answer 1

没有理由强迫StackPanel做它不支持的事情。尝试网格：

<Grid Grid.Row="2" Margin="0,10,0,0">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>

    <TextBlock Grid.Column="0" Text="Text 01"/>
    <TextBlock Grid.Column="1" Text="Text 02"/>

    <TextBlock Grid.Column="3" Text="Text 03"/>
    <TextBlock Grid.Column="4" Text="Text 04"/>
</Grid>