使用Storyboard从侧面滑动面板

Question

我有3个网格。 canvas，main和sidebar

<Grid x:Name="canvas">
    <Grid x:Name="main"/>
    <Grid x:Name="sidebar"/>
</Grid>

我正在尝试在我的WPF MVVM应用程序中创建一个动画，当我点击某个按钮时，main面板应该向左移动（canvas之外）和{{ 1}}应该用相同的动画取而代之。基本上，侧边栏看起来应该推动sidebar之外的main。当我点击另一个按钮时，应该运行完全相反的动画。 （就像canvas将main推到sidebar之外。

我尝试创建canvas并在Style的{​​{1}}属性上添加一些Trigger。我在动画的一半中取得了一些成功，但无法让它同时反转和动画两个面板。

Visibility

请注意，我正在寻找一个MVVM解决方案，因此如果可能的话，不应该涉及任何代码。