在 UWP C# 中居中相对面板

Question

我正在尝试将 Horizo​​ntalAlignment 和 VerticalAlignment 设置为 Center，以便 RelativePanel 正好位于 UWP 应用程序的中间。在RelativePanel 中有子项，子项应该在RelativePanel内居中。它应该看起来像：如您所见，RelativePanel 位于中间，子项位于彼此之上并居中。我试过这个 XAML 代码：

<RelativePanel x:Name="relativePanel1" HorizontalAlignment="Center" VerticalAlignment="Center">
    <TextBlock x:Name="textBlock1" Text="Yo, waddup? Enter your GUID to continue" IsTextSelectionEnabled="True" FontFamily="Chiller" FontSize="72" HorizontalAlignment="Center" VerticalAlignment="Center" />
    <TextBox x:Name="textBox1" AcceptsReturn="True" HorizontalAlignment="Center" InputScope="Text" PlaceholderText="{}{XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX}" RelativePanel.Below="textBlock1" VerticalAlignment="Center" />
</RelativePanel>

这是调试时的样子：

我在这里做错了吗？我使用的是 RelativePanel 而不是 StackPanel 因为我需要两个孩子在彼此之上。

Answer 1

添加RelativePanel.AlignHorizontalCenterWithPanel="True"到您的TextBlock和TextBox。

<RelativePanel x:Name="relativePanel1"
               HorizontalAlignment="Center"
               VerticalAlignment="Center">
    <TextBlock x:Name="textBlock1"
               RelativePanel.AlignHorizontalCenterWithPanel="True"
               Text="Yo, waddup? Enter your GUID to continue"
               IsTextSelectionEnabled="True"
               FontFamily="Chiller"
               FontSize="72" />
    <TextBox x:Name="textBox1"
             RelativePanel.AlignHorizontalCenterWithPanel="True"
             AcceptsReturn="True"
             InputScope="Text"
             PlaceholderText="{}{XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX}"
             RelativePanel.Below="textBlock1" />
</RelativePanel>

不过，可能还不止这些。你RelativePanel显然看起来对我来说是顶对齐的。这意味着它的父面板没有被拉伸。此外，RelativePanel如果居中就是它所做的一切，则不必在此处使用。您可以将其替换为 aStackPanel并HorizontalAlignment="Center"在其所有子项上手动设置。