[WPF] Elemente mit der Maus größer "ziehen"

hallo leute,

ich hab da ein problem zu dem mir kein Lösungsweg einfallen will :/ ich hoffe ihr könnt mir da weiterhelfen

ich habe versucht sowas wie eine tool bar zu machen die aus einem WrapPanel (da kommt später der inhalt der tool bar rein) besteht und einem Button der direkt unter dem WrapPanel liegt.

Wenn man auf den Button klickt wird die toolbar eingefahren und wenn man nochmal drauf klickt wird sie eben wieder ausgefahren ... soweit klappt das auch

jetzt will ich aber das wenn man den Button gedrückt hält und die Maus nach oben oder unten bewegt sich die Höhe der toolBar ändert ... und genau hier weiss ich nich wie ich das umsetzten soll :/

hier erstmal mein derzeitiger XAML code:

<StackPanel DockPanel.Dock="Top">

            <WrapPanel Height="100" Name="TopBar">

                <WrapPanel.Background>

                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                        <GradientStop Color="White" Offset="0" />

                        <GradientStop Color="#FFD9E8EF" Offset="1" />

                    </LinearGradientBrush>

                </WrapPanel.Background>

            </WrapPanel>

            <Button Height="15" Name="TopBarBtn" Click="BarBtn_Click" Style="{StaticResource TopBarButton}">

            </Button>

        </StackPanel>

In BarBtn_Click führe ich die ein- und ausfahr animation durch