c# - 如何填充 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，没有滚动条，已拉伸(stretch)。 *

我怎样才能做到这一点？

Answer 1

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

所以我要做的是替换:

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

有了这个:

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