在UWP中动画化SplitView.OpenPaneLength

Question

我在UWP中使用SplitView控件，如果用户点击其中的某些顶级项目，则希望增加SplitView的宽度。 SplitView应显示第二级选项。 Microsoft的UWP Mail App执行以下操作：如果单击＆＃34;文件夹＆＃34;，您将获得所有可用文件夹的列表，作为SplitView的扩展。这个扩展很好地动画。

我可以使用这样的setter轻松增加SplitView的OpenPaneLength：

<Setter Target="MainSplitView.(SplitView.OpenPaneLength)" Value="260"/>

这不会使更改动画化。有可能这样做吗？

Answer 1

setter设置离散值，所以你需要使用一个Storyboard（VisualState.Storyboard）和一个DoubleAnimation，如下所示:(没有测试它，但它应该给你的想法......）

<DoubleAnimation Storyboard.TargetName="MainSplitView"
                 Storyboard.TargetProperty="(SplitView.OpenPaneLength)"
                 To="260" />