WPF多层布局问题

[hljhyb]

最近在转向WPF页面设计，找了个UI设计，想实现以下，碰到一个多层布局问题。想了好久，试了很多，还是不行，特来请教。
UI设计如下：
http://www.zcool.com.cn/work/ZMjQ4ODgzNzI=.html
现在想要实现下图功能

就是底层显示内容，点击按钮，上层内容呈圆形打开。
因为考虑多窗口用同一个外观，所以用了样式和模板。
目前得思路是在Style里写底层样式，各页面用<Grid.Clip>实现上层，遇到Clip中心点无法Xaml绑定问题，只能后台实现。
试过PointAnimation，还是不行。
另外扩展动画没法写到模板里，因为模板里DoubleAnimation得From和To不能用Converter，直接报错时间线无法冻结。目前还是写在了Page里，代码不能重用，很麻烦。
各位能给点思路吗，现在冲进死胡同了，万分感谢！

[exception92]

引用 2 楼 hljhyb 的回复:

[quote=引用 1 楼 duanzi_peng 的回复:] 实现多层 应该用Panel.ZIndex, 值越大越在上层，层叠的效果Zindex就可以搞定。 线性插值动画在动画的过程中是不能改变中间值的，如果想改变就用关键帧动画。

Panel.ZIndex我知道，这个是具体布局时候用，现在是整个思路问题，模板没办法实现。 动画不是改变中间值，是动态改变初始值。且在模板里实现。[/quote] 初始值也改变不了的，这样wpf就不能确定动画的执行时间了。

[exception92]

实现多层 应该用Panel.ZIndex, 值越大越在上层，层叠的效果Zindex就可以搞定。 线性插值动画在动画的过程中是不能改变中间值的，如果想改变就用关键帧动画。

[hljhyb]

引用 1 楼 duanzi_peng 的回复:

实现多层 应该用Panel.ZIndex, 值越大越在上层，层叠的效果Zindex就可以搞定。 线性插值动画在动画的过程中是不能改变中间值的，如果想改变就用关键帧动画。

Panel.ZIndex我知道，这个是具体布局时候用，现在是整个思路问题，模板没办法实现。 动画不是改变中间值，是动态改变初始值。且在模板里实现。