UWP应用程序主窗口未显示左侧的第二个按钮

我尝试过各种变化，但当我运行应用程序时，

main窗口的第二个按钮不显示。我似乎不太了解应用程序的设计模式问题：我应该对
XAML
进行哪些更改，以便在应用程序运行时显示第二个按钮（标题为Test2）

备注：这是一台
windows10
笔记本电脑。我正在使用
VS2019

XAML

<Page
    x:Class="UWPTest.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UWPTest"
    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>
        <Button x:Name="btnTest" Content="Test" Margin="69,1,0,0" Click="BtnTest_Click" VerticalAlignment="Top"/>
        <Button x:Name="btnGetSelContSrcView" Content="Test2" Margin="69,47,0,921" VerticalAlignment="Stretch" Click="BtnGetSelContSrcView_Click"/>
        <WebView x:Name="wvTest" Margin="130,38,0,10" DOMContentLoaded="WvTest_DOMContentLoaded"/>
    </Grid>
</Page>



设计视图的快照


应用程序运行后Snaphot主窗口[全屏模式om 17”监视器]

请注意，第二个按钮不显示


单击第一个按钮后Snaphot主窗口[全屏模式om 17”监视器]

注意第一个按钮单击事件在右侧显示html（如预期），但第二个按钮也不显示在此处

原因：您在第二个按钮中使用的边距“margin=“69,47,0921”表示距屏幕顶部47距离，距屏幕底部921距离。当您运行应用程序时，一旦屏幕高度小于968，则第二个按钮将不显示，因为它的高度等于0。所以当你最大化屏幕时，会显示第二个按钮

解决方案：您可以尝试以下代码来设置第二个按钮

<Button x:Name="btnTest" Content="Test" Margin="69,1,0,0" VerticalAlignment="Top"/>
<Button x:Name="btnGetSelContSrcView" Content="Test2" Margin="69,47,0,0" VerticalAlignment="Top" />

使用StackPanel进行正确对齐和网格列定义或网格行定义

示例：

<Grid Loaded="Page_Loaded">
    <Grid.RowDefinitions>
        <RowDefinition Height="32"/>
        <RowDefinition />
    </Grid.RowDefinitions>

    <Grid Grid.Row="0">
        <StackPanel Orientation="Horizontal">
            <Button Content="Pre page" />
            <Button Content="Next page" />
        </StackPanel>
    </Grid>
    <Grid Grid.Row="1">
        <WebView Source="https://google.com" />
    </Grid>
</Grid>




链接：

<Grid Loaded="Page_Loaded">
    <Grid.RowDefinitions>
        <RowDefinition Height="32"/>
        <RowDefinition />
    </Grid.RowDefinitions>

    <Grid Grid.Row="0">
        <StackPanel Orientation="Horizontal">
            <Button Content="Pre page" />
            <Button Content="Next page" />
        </StackPanel>
    </Grid>
    <Grid Grid.Row="1">
        <WebView Source="https://google.com" />
    </Grid>
</Grid>

欢迎使用
堆栈溢出
。对我来说，你提供的链接部分非常有用。