模拟器布局和电话布局之间的差异

Question

我遇到了问题，因为当我在手机上运行时，我无法理解为什么我的应用的布局会有所不同。按钮向右移动了一下。链接屏幕截图：

在模拟器上它看起来正确，项目居中。我使用的是Visual Studio Express。

<Page
x:Class="App6.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App6"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

<Grid HorizontalAlignment="Right" Margin="0,0.333,0,-0.333" Width="400">
    <Grid.RowDefinitions>
        <RowDefinition Height="59*"/>
        <RowDefinition Height="625*"/>
    </Grid.RowDefinitions>
    <Button Content="Kliknij" HorizontalAlignment="Center"   Click="Button_Click" RenderTransformOrigin="0.585,-5.095" Margin="146,499.253,145,69" Grid.Row="1"  />
    <TextBlock x:Name="costam" Margin="96,202.253,102,0" TextWrapping="Wrap" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" FontSize="36" HorizontalAlignment="Center" Width="202" Text="kj." Grid.Row="1"/>
    <Button x:Name="schowaj" Content="Schowaj" HorizontalAlignment="Left" Margin="139,410.253,0,0" VerticalAlignment="Top" Click="schowaj_Click" Grid.Row="1"/>
    <TextBox x:Name="wpisz" HorizontalAlignment="Left" Margin="139,297.253,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="109" Grid.Row="1"/>
    <Button x:Name="zamien" Content="Zamień" HorizontalAlignment="Left" Margin="139,351.253,0,0" VerticalAlignment="Top" Click="zamien_Click" Grid.Row="1"/>

</Grid>

Answer 1

您使用的模拟器可能与您的设备具有不同的分辨率或屏幕尺寸。主要问题是你使用边距来定位元素，这是完全错误的，并且分辨率/屏幕尺寸依赖。只需我们一个网格并将其分成几行。