如何在Windows 8.1（WinRT）中访问情节提要

Question

在我的xaml文件中，我有：

<Grid x:Name="LayoutRoot"...>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="WebformSizeState">
<VisualState x:Name="MaximizedSizeState">
     <Storyboard x:Name="MaximizeSizeStory">
         <DoubleAnimation Duration="0:0:0.3" To="-120" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="WebpageContainer"/>
     </Storyboard>
</VisualState>
...

<ec:DataTriggerBehavior Value="2" Binding="{Binding WebpageSizeState, Converter={StaticResource EnumToIntegerConverter}}">
     <ec:GoToStateAction StateName="MaximizedSizeState"/>
</ec:DataTriggerBehavior>
...

该代码按原样工作。 如果WebpageSizeState的in值为2则WebpageContainer向上移动120。

我想以编程方式在文件后面的代码中将Storyboard的DoubleAnimation的值更改To ，但是要做到这一点，我需要获得Storyboard（我认为）。

我尝试过但失败的事情：

尝试1

根据MSDN文档 ，直接访问应该有效，但是如果我尝试分配值：

Storyboard maximizeSizeStory = MaximizeSizeStory;

然后maximizeSizeStory为null ，然后在“ 监视”窗口中查看， MaximizeSizeStory也为空。

尝试2

为DoubleAnimation分配一个名称并尝试直接访问它：

<DoubleAnimation x:Name="MaximizeAnimation" ../>

当在ViewModel中更改DataTrigger绑定时，这将导致应用程序崩溃，并出现null ref异常。

哦，是的，后面代码中的null也为null 。

尝试3

像在此问题中一样使用它的UID查找元素：您不能，因为UIElement和DependencyObject不再定义UID。

故事板不是UIElement，我认为这是使用FindName的原因

Storyboard sb = this.FindName("MaximizeSizeStory") as Storyboard;

还返回null。

尝试4

通过Key访问它不起作用，因为它没有在Page.Resources或字典中定义。

如果尝试在Page.Resources声明它， Page.Resources产生错误：

属性元素不能是另一个属性元素的直接内容。 不支持嵌套属性：VisualStateManager.VisualStateGroups。

---

我很茫然，有什么想法吗？

Answer 1

这是一种方法（为简化起见，为简化示例）。 注意，因为情节提要板位于其中，所以使用了VisualStateManager.GetVisualStateGroups ：

    <Grid x:Name="LayoutRoot" Background="Transparent">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="MyGroups">
                <VisualState x:Name="MyStates">
                    <Storyboard x:Name="MyAnimation">
                        <ColorAnimation Duration="0" To="Yellow" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="rectangle" d:IsOptimized="True"/>
                    </Storyboard>
                </VisualState>
             </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
    <Rectangle x:Name="rectangle" Height="50" Width="50" Fill="red"/>
<Button HorizontalAlignment="Center" VerticalAlignment="Bottom" Content="Click me"                Click="Button_Click" />    
</Grid>

以及按钮处理程序的代码，我们实际上在其中访问情节提要：

    private void Button_Click(object sender, RoutedEventArgs e)
{
    var storyboard = VisualStateManager.GetVisualStateGroups(this.LayoutRoot)[0].States[0].Storyboard;
    storyboard.Begin();
}

添加一些扩展名可以使代码更具可读性，并且不易出错：

public sealed partial class SomePage
{
    void SomeMethod()
    {
        var storyboard = VisualStateManager.GetVisualStateGroups(this.LayoutRoot).Get("MyGroups").States.Get("MyStates").Storyboard;
    }
}

public static class StateExtensions
{
    public static VisualStateGroup Get(this IList<VisualStateGroup> stateGroups, string name)
    {
        return stateGroups.Single(x => x.Name == name);
    }

    public static VisualState Get(this IList<VisualState> stateGroups, string name)
    {
        return stateGroups.Single(x => x.Name == name);
    }
}