在 UWP 中为 SplitView.OpenPaneLength 设置动画答案

【问题标题】：Animating the SplitView.OpenPaneLength in UWP在 UWP 中为 SplitView.OpenPaneLength 设置动画
【发布时间】：2016-02-08 10:24:32
【问题描述】：

我在 UWP 中使用 SplitView 控件，如果用户单击其中的某些顶级项目，我希望增加 SplitView 的宽度。 SplitView 应显示第二级选项。微软的 UWP 邮件应用程序是这样的：如果你点击“文件夹”，你会得到一个所有可用文件夹的列表，作为 SplitView 的扩展。这个扩展是很好的动画。

我可以使用这样的设置器轻松增加 SplitView 的 OpenPaneLength：

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

Put 这不会为更改设置动画。可以这样做吗？

【问题讨论】：

标签： uwp

【解决方案1】：

setter 设置离散值，因此您需要使用 Storyboard (VisualState.Storyboard) 和 DoubleAnimation，如下所示：（尚未对其进行测试，但它应该可以让您了解...）

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

【讨论】：