Windows 10 xaml控制中心屏幕

我正在为windows 10开发一个应用程序。我以前曾在少数几个Windows7应用程序上工作过，现在我正试图利用这些差异。我正在尝试我的运气在一个通用的应用程序，我想集中一些控制，以便无论屏幕/窗口大小登录详细信息的中心

我在这方面寻求帮助已经有一段时间了，但我发现很多都处于“婴儿期”；换句话说，我找相关信息的地方不多，更不用说有帮助了。我希望这里有人能给我指出正确的方向

这是桌面视图上的窗口：

我的意思是，文本框、标签等不会随着窗口的大小而移动，更不用说不同的屏幕大小了

---

不要使用边距进行定位。仅使用边距强制对象周围的边距

要使图元在其父图元中居中，请将其水平对齐或垂直对齐设置为居中

要获得更多控制，请使用布局控件（如栅格、StackPanel和RelativePanel）将控件定位到所需位置。对于布局，可以在网格中设置3行和3列以整体放置控件，然后设置水平对齐以在网格中放置控件。这里有一个对Xaml的快速更新，只要窗口足够宽，所有东西都适合，它就可以保持事物的中心位置（您可以使用自适应技术重新流化事物以获得更窄的视图）

---

请参阅MSDN上的和。

不要使用边距进行定位。仅使用边距强制对象周围的边距

要使图元在其父图元中居中，请将其水平对齐或垂直对齐设置为居中

要获得更多控制，请使用布局控件（如栅格、StackPanel和RelativePanel）将控件定位到所需位置。对于布局，可以在网格中设置3行和3列以整体放置控件，然后设置水平对齐以在网格中放置控件。这里有一个对Xaml的快速更新，只要窗口足够宽，所有东西都适合，它就可以保持事物的中心位置（您可以使用自适应技术重新流化事物以获得更窄的视图）

---

请参见MSDN上的和。

以上是正确的方法。使用“自动”作为行高或列宽的栅格布局是一种很好的方法，因为它们会自动随您缩放。根据项目的难度，您还可以使用自适应触发器。下面是一个使用自适应触发器的介绍性示例。例如，通过这种方式，您可以根据屏幕大小使文本变大

---

通过测试所有不同的尺寸，你做得很好。这很重要！我通常只是作为Windows10应用程序运行，并在各个方向调整它的大小

以上是正确的方法。使用“自动”作为行高或列宽的栅格布局是一种很好的方法，因为它们会自动随您缩放。根据项目的难度，您还可以使用自适应触发器。下面是一个使用自适应触发器的介绍性示例。例如，通过这种方式，您可以根据屏幕大小使文本变大

---

通过测试所有不同的尺寸，你做得很好。这很重要！我通常只是作为Windows10应用程序运行，并在各个方向调整它的大小

发布XAML也可能有帮助-如果所有控件都在一个网格中，您可以使用HorizontalContentAlignment和VerticalContentAlignment来完成类似于您所希望的任务。谢谢您的回复，@RoguePlanetoid。我现在已经包括了我的xaml。发布xaml可能也会有帮助-如果所有控件都在一个网格中，您可以使用HorizontalContentAlignment和VerticalContentAlignment来完成类似于您所希望的事情。谢谢您的回复，@RoguePlanetoid。我现在已经包括了我的xaml。你能具体说明你认为哪种方法是正确的吗？要简单地保持按钮、文本块等居中，你可以简单地将水平和垂直对齐设置为居中。潜在的问题是，如果你使用一个非常大的设备，如果你使用与手机相同的字体大小，可能很难阅读。另一方面，如果你使用大字体，然后在手机上运行，它可能不适合在屏幕上显示。上面的例子中有几个潜在的问题。同样，它在某些情况下工作得很好，但在其他情况下则不行。如果您需要根据屏幕大小更改字体大小、重新排列UI等，那么您可能需要使用AdaptiveTriggers。可以将AdaptiveTriggers视为进一步定制UI以支持所有不同平台和屏幕大小的另一种途径。谢谢James。因为答案可以根据问题的活动上下移动，所以参考“上面”的方法可能会根据答案在页面上的位置而改变。上面的答案可能就是下面的答案！杰森，谢谢你！我对这里很陌生，所以还是习惯了！你能明确指出你认为哪种方法是正确的吗？为了简单地保持按钮、文本块等居中，你可以简单地将水平和垂直对齐设置为居中。潜在的问题是，如果你使用一个非常大的设备，如果你使用与手机相同的字体大小，可能很难阅读。另一方面，如果你使用大字体，然后在手机上运行，它可能不适合在屏幕上显示。上面的例子中有几个潜在的问题。

    </Page.Resources>
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" FlyoutBase.AttachedFlyout="{StaticResource FlyoutBase1}">
    <CheckBox x:Name="chckRemember" Content="Remember" HorizontalAlignment="Left" Margin="1038,441,0,0" VerticalAlignment="Top" ClickMode="Press"/>
    <TextBox x:Name="txtUserName" HorizontalAlignment="Left" Margin="818,441,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="202"/>
    <PasswordBox x:Name="txtPassword" HorizontalAlignment="Left" Margin="818,478,0,0" VerticalAlignment="Top" Width="202"/>
    <TextBlock x:Name="textBlock" HorizontalAlignment="Left" Margin="723,446,0,0" TextWrapping="Wrap" Text="User Name:" VerticalAlignment="Top"/>
    <TextBlock x:Name="textBlock_Copy" HorizontalAlignment="Left" Margin="735,478,0,0" TextWrapping="Wrap" Text="Password:" VerticalAlignment="Top"/>
    <Button x:Name="btnSignin" Content="Login" HorizontalAlignment="Left" Margin="959,539,0,0" VerticalAlignment="Top" Width="61"/>
    <Button x:Name="btnCreatAccount" Content="Create Account" HorizontalAlignment="Left" Margin="818,539,0,0" VerticalAlignment="Top" Width="116"/>
    <ProgressRing x:Name="progressring1" HorizontalAlignment="Left" Margin="873,592,0,0" VerticalAlignment="Top" Height="87" Width="103"/>
    <TextBlock x:Name="txtStatus" HorizontalAlignment="Left" Margin="818,510,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" FontSize="9.333"/>
    <Grid HorizontalAlignment="Left" Height="180" Margin="692,412,0,0" VerticalAlignment="Top" Width="496"/>
</Grid>

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" >
    <Grid.RowDefinitions>
        <RowDefinition Height="*"></RowDefinition>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="240"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <CheckBox Grid.Column="2" Grid.Row="1" Margin="10,0" x:Name="chckRemember" Content="Remember" HorizontalAlignment="Left" VerticalAlignment="Top" ClickMode="Press"/>
    <TextBox Grid.Column="1" Grid.Row="1" x:Name="txtUserName" HorizontalAlignment="Stretch" TextWrapping="Wrap" Text="" VerticalAlignment="Top" />
    <PasswordBox Grid.Column="1" Grid.Row="2" x:Name="txtPassword" HorizontalAlignment="Stretch"  VerticalAlignment="Top" />
    <TextBlock x:Name="textBlock" Margin="10,0" Grid.Row="1" Grid.Column="0" HorizontalAlignment="Right" TextWrapping="Wrap" Text="User Name:" VerticalAlignment="Center"/>
    <TextBlock x:Name="textBlock_Copy" Margin="10,0" Grid.Row="2" Grid.Column="0" HorizontalAlignment="Right"  TextWrapping="Wrap" Text="Password:" VerticalAlignment="Center"/>
    <Button Grid.Column="1" Grid.Row="3" x:Name="btnSignin" Content="Login" HorizontalAlignment="Left"  VerticalAlignment="Top"/>
    <Button Grid.Column="1" Grid.Row="3" x:Name="btnCreatAccount" Content="Create Account" HorizontalAlignment="Right" VerticalAlignment="Top" />
    <ProgressRing x:Name="progressring1" HorizontalAlignment="Left"  VerticalAlignment="Top" Height="87" Width="103"/>
    <TextBlock x:Name="txtStatus" HorizontalAlignment="Left"  TextWrapping="Wrap" Text="" VerticalAlignment="Top" FontSize="9.333"/>
    <Grid HorizontalAlignment="Left" Height="180" VerticalAlignment="Top" Width="496"/>
</Grid>