Xaml 水平/垂直对齐在相对面板中不起作用

我正在尝试创建一个

相对面板

（用于回流），其中包含两个

图像

，以及一个

堆叠面板

。在“小屏幕”视图中，我希望它在一列中垂直排列：

图像

，

堆栈面板

，

图像

。它做得很好，但问题是

StackPanel

的高度为0，因此底部的

图像

会碰到它。我希望

图像

捕捉到屏幕底部。但是，

VerticalAlignment=“Bottom”

拒绝工作。经过更多的测试，我发现

水平对齐

也不起作用。在

相对面板中对齐是否工作不正常？还是有什么特别的方法

以下是完整的XAML：

<RelativePanel>
    <Image Width="100" x:Name="AppleImage" Source="/Assets/Images/apple.png" Margin="10" Tapped="Add_Apple" VerticalAlignment="Center"/>
    <StackPanel x:Name="TotalStackPanel" Margin="10" Orientation="Vertical" HorizontalAlignment="Center">
        <TextBlock Text="Total" Margin="10" HorizontalAlignment="Center"/>
        <GridView x:Name="TotalFruitGrid" SelectionChanged="Remove_Fruit">
            <GridView.ItemTemplate>
                <DataTemplate>
                    <Image Source="{Binding Path=image.Source}" Height="50"/>
                </DataTemplate>
            </GridView.ItemTemplate>
        </GridView>
    </StackPanel>
    <Image Width="100" x:Name="OrangeImage" Source="/Assets/Images/orange.png" Margin="10" Tapped="Add_Orange" VerticalAlignment="Bottom"/>
</RelativePanel>


查看相关面板的各种附加属性，这将帮助您进行对齐等操作

可以通过以下方式进行基本水平对齐：

<RelativePanel Background="Black">
    <Rectangle x:Name="RedRect" Width="100" Height="100" 
               RelativePanel.AlignRightWithPanel="True" 
               Fill="Red" />
    <Rectangle x:Name="BlueRect" Height="100"
               RelativePanel.AlignLeftWithPanel="True" 
               RelativePanel.AlignRightWithPanel="True" 
               Fill="Blue"
               RelativePanel.Below="RedRect"/>
    <Rectangle x:Name="YellowRect" Width="100" Height="100" 
               RelativePanel.AlignLeftWithPanel="True" 
               RelativePanel.Below="BlueRect"
               Fill="Yellow" />
</RelativePanel>



上面的代码将显示RelativePanel，如下所示：

您需要使用的是
RelativePanel
，否则您就得不到它的用途。查看一些，您可能会很快发现为什么水平对齐对您没有多大帮助。：）啊!！我知道其中的一些（下面、上面、右边等），但从未看到完整的列表。谢谢