2012-04-02 107 views
1

我试图找出如何在我的主窗口的应用程序的UI设计,看起来像这样:如何叠加WPF窗口左上角的三角形图形?

enter image description here

的基本对象是一个DockPanel中 - 我知道我可以设置DockPanel中的背景设置那里有一个图形,但Top Dock区域总是覆盖背景的三角形区域。我无法弄清楚如何设置包含按钮的顶部Do​​ck区域,以在三角形图形后面“隐藏”。有人知道有一个很好的技术来达到这个效果吗?

回答

2

扩展CodeWarrior的答案,把DockPanel中网格内,与三角形的另一个子具有较高z索引的网格,您可以使用行和列或仅使用垂直和水平对齐。

+1

优秀的建议。无需改变我的应用程序中已存在的结构即可轻松实现。非常感谢你。 – PIntag 2012-04-03 16:46:33

4

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

看看这个答案,我做了几月回一个不同的问题有类似的最终结果是: How to get this window layout in WPF?

+1

感谢CodeWarrior。不错的技术,但是我看不到陈的答案,因为我的应用程序目前的结构很容易实现。 – PIntag 2012-04-03 16:44:38

+0

很好,你得到它的工作。感谢更新。 – CodeWarrior 2012-04-03 16:50:09

+0

关于如何生成三角形边缘的阴影效果的任何想法? – PIntag 2012-04-03 18:28:04