WPF DockPanel布局

我想改变dockPanel的对齐方式,我遇到了一些麻烦。 我对WPF比较新,所以这可以解释一下。

无论如何,这是当前的布局:

    

在Paint(lol)中可视化:

在此处输入图像描述

我想将布局更改为以下内容:

在此处输入图像描述

这可能吗? 如果是这样,你会推荐什么方法? 任何指导都会有所帮助! 谢谢。

顺便说一句:是否有任何应用程序允许我在应用程序运行时看到我的应用程序布局(即为每个面板添加网格线或什么)?

无论如何,谢谢!

                        

我很累,看到你发布重复的问题......