如何在WPF窗口的左上角覆盖三角形图形？

Question

我试图弄清楚如何在我的主窗口应用程序上设置如下所示的UI设计：

基础对象是DockPanel - 我知道我可以设置DockPanel背景以在那里设置图形，但Top Dock区域总是覆盖背景的三角形区域。我无法弄清楚如何设置包含按钮的顶部Do​​ck区域在三角形图形后面“隐藏”。有没有人知道实现这种效果的好技术？

Answer 1

您可以使用带有行的网格在顶部包含按钮栏，使用列来约束三角形元素。就个人而言，我会将三角形区域和按钮栏分开控制。

看看这个答案，我在几个月前回答了一个类似的最终结果的另一个问题： How to get this window layout in WPF?

Answer 2

扩展CodeWarrior答案，将DockPanel放在网格中，将三角形作为具有更高z索引的网格的另一个子节点，可以使用行和列，或者只使用垂直和水平对齐。