如何填写DockPanel？

Question

我有这个.xaml代码：

<Window x:Class="Eagle_Eye.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Eagle_Eye"
        mc:Ignorable="d"
        ResizeMode="NoResize"
        Title="EE" Height="450" Width="800">
    <Grid>
        <DockPanel>
            <StackPanel Orientation="Vertical" DockPanel.Dock="Top" Margin="0" >
            </StackPanel>
            <StackPanel Orientation="Vertical" DockPanel.Dock="Top"  >
                <TextBlock Name="debugText" Height="20" Background="Azure" Foreground="Red"></TextBlock>
            </StackPanel>



        <WebBrowser Name="webBrowser" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></WebBrowser>
        </DockPanel>



    </Grid>
</Window>

下面是这个.cs代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Eagle_Eye
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            debugText.Text = "hello";
            webBrowser.Navigate("https://www.google.com");
        }
    }
}

它带给我的是：

​

​

它只需要半个屏幕，而且还有滚动条。我错过了什么？

我想要的是：

​

​

*黄色框应包含TextBlock，蓝色框应包含拉伸的WebBrowser，不带滚动条。*

我怎样才能做到这一点呢？

Answer 1

这里有几个问题，首先，Dockpanel默认情况下有"LastChildFill“选项，这意味着最后一个孩子填充面板的其余部分，如果你将最后一个孩子绑定到底部，它将不会拉伸。其次，堆叠面板项目不会伸展，并且总是尽量占用最小的空间。

所以我要做的是替换：

        <StackPanel Orientation="Vertical" DockPanel.Dock="Bottom">
            <WebBrowser Name="webBrowser"></WebBrowser>
        </StackPanel>

有了这个：

            <WebBrowser Name="webBrowser" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></WebBrowser>