UWP的向导控制

Question

我正在寻找UWP的示例向导控件。我正在寻找一个使用前进和后退按钮从一个面板过渡到下一个面板的控件。

我试图通过在水平方向的StackPanel中设置面板宽度来实现自己的功能，但它没有按预期工作（宽度没有动画并且还原后）。

<Page.Resources>
    <Storyboard x:Name="GoToNextAnimation" Storyboard.TargetName="LeftPanel">
        <DoubleAnimation Storyboard.TargetProperty="Width" From="100" To="0" AutoReverse="False"  Duration="0:0:1" />
    </Storyboard>
</Page.Resources>

<StackPanel Orientation="Horizontal" Width="100" Tapped="StackPanel_Tapped" Background="Red" Height="50">
    <Button x:Name="LeftPanel" Background="Yellow" Width="100" Height="50" />
    <Button x:Name="RightPanel" Background="Green" Width="100" Height="50" />
</StackPanel>

事件处理程序开始动画：

bool isLeft = true;
private void StackPanel_Tapped(object sender, TappedRoutedEventArgs e)
{
    if (isLeft)
    {
        GoToNextAnimation.Begin();
    }
    else
    {
        LeftPanel.Width = 100;
    }

    isLeft = !isLeft;
}

当我简单地控制它（比想要运行的动画要快得多）时，在恢复为黄色之前更改为红色（StackPanel的背景）（*从不显示RightPanel的绿色）。