你如何在Windows通用应用程序中锚定

Question

我一直在寻找谷歌和所有地方的答案，但我要空了。 我正试图在我的Windows通用应用软件上制作几个窗口。我希望它能够在用户使窗口变大或变小时自行调整大小。我在找到锚点的属性上找不到任何地方，而且我没有找到任何关于自动完成.xaml的帮助。

欢迎任何有关此方面的帮助

更新 - Justin XL或任何可以回答的人

下面是我所看到的图像。我试图在任何给定的时间让所有4个块占用相等的空间。显然，这不是我得到的。 无论如何，我希望你能快速浏览下面的代码，告诉我我做错了什么。

以下代码就是我正在使用的代码。我不确定我是否做错了，因为这是我的第一个Windows应用程序。

function getSize(itemSize, callback) {
  chrome.storage.local.get('sizePref', function(items) { 
    // Get size preferences from storage
    var sizePref = items.sizePref[itemSize]; //thanks @jfriend00
    callback (sizePref); //thanks at @Kevin Friedheim
  });
}
var mySize = getSize(tops, function (mySize) {
    console.log("This size that u are looking for is " + mySize)
});

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid Background="Gainsboro" Grid.Column="1" Width="Auto" Height="Auto">
    <Button x:Name="Click_Me" Grid.Column="1" Content="Click Me"  HorizontalAlignment="Center"  VerticalAlignment="Center" Click="Click_Me_Click" Width="107" /></Grid>

    <Grid Background="Gainsboro" Grid.Column="1" Grid.Row="1" Width="Auto" Height="Auto">
    <TextBlock x:Name="textBlock" HorizontalAlignment="Center"  TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Center" Grid.Row='1'/></Grid>


    <Rectangle Fill="Gainsboro" Width="8" Margin="622,0,10,0" VerticalAlignment="Stretch"/>

    <Grid  Grid.Column="0">
        <WebView Name="Video"  VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Width="Auto" Height="Auto"  Grid.Row="0"  Grid.Column="0"  />

Answer 1

首先，您应该删除MySplitView上的Margin，以使内容填满整个页面。

另外，我会将Rectangle上的硬编码<Rectangle Fill="Gainsboro" Width="8" VerticalAlignment="Stretch" HorizontalAlignment="Right" Margin="0,0,-4,0" /> 更改为 -

-4px

请注意Rectangle（右边距）。这是因为8px本身Grid宽4px并且在ColorPref ColorPrefQuestion Rating RatingQuestion 的第一个单元格的边缘对齐，所以我将其向右移动{{1}}以使其绝对坐在页面中间。

希望这有帮助！