WPF GridやStackPanelに自動的なサイズ調整

Question

実現したいこと
ウィンドウのサイズによってGridやStackPanelのサイズを調整をする

ネットの記事ではコントロールに応じてウィンドウのサイズを自動調整やテキストボックスをウィンドウサイズに応じて調整とゆうのはあったのですが私の実現したいことはありませんでした。
以下に実現したいことの具体例を示させていただきます。

NameがAのStackPanelは高さを30固定とします。
このNameがAのStackPanelの横幅はWindowのサイズに応じて自動調整されます。
続いてNameがBのStackPanelですが横幅、縦幅共にウィンドウのサイズ一杯にして、そのサイズも自動調整させたいです。
この場合はどうすればいいのでしょうか。

さらにNameがCのGridの横幅は150で固定、高さはStackPanelの一杯でサイズも自動調整。
NameがDのGridの横幅と縦幅はNameがBのStackPanelのサイズ一杯にして、そのサイズも自動調整させたいです。
ただ、これは先にあげたStackPanelの自動調整ができれば、独力でできそうな気もします。

お時間ありましたら回答よろしくおねがいします。

<Window
    x:Class="SampleProject.AutoWindow"
    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"
    Width="500"
    Height="500">
    <StackPanel >
        <StackPanel Name="A" Height="Auto" Orientation="Horizontal" Margin="0 0 0 10" Height="30">
            <Button
                Width="50"
                Margin="20,0,0,0"
                HorizontalAlignment="Left"
                VerticalAlignment="Center"
                Background="Transparent"
                Click="Button_Click"
                Foreground="DarkGray">
            </Button>
        </StackPanel>
        <StackPanel Name="B" Orientation="Horizontal">
            <Grid Width="150" Name="C">
            </Grid>
            <Grid
            Name="D"/>
        </StackPanel>
    </StackPanel>
</Window>

Answer 1

一番外側の StackPanel を Grid にしてください。そして一行目の RowDefinition の Height を Auto にしてください。

Answer 2

DockPanelを使用するほうが良いのかな？
(StackPanelの縛りがある場合、はずしてしまってますが。。。)

<Window (略) >
    <DockPanel>
        <StackPanel x:Name="A" DockPanel.Dock="Top" Height="30" Background="Red" />
        <Grid x:Name="C" DockPanel.Dock="Left" Width="150" Background="Yellow" />
        <Grid x:Name="D" Background="Green" />
    </DockPanel>
</Window>