Windows Phone - 网格幻灯片动画答案

【问题标题】：Windows Phone - Grid Slide AnimationWindows Phone - 网格幻灯片动画
【发布时间】：2014-09-20 08:31:14
【问题描述】：

我正在尝试为整个网格制作幻灯片动画，但有一个例外：“无法解析 TargetName translateTransform。”怎么了？

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <Grid.RenderTransform>
        <TranslateTransform x:Name="translateTransform" X="500" />
    </Grid.RenderTransform>
    <Grid.Resources>
        <Storyboard x:Name="StoryBoard1">
            <DoubleAnimation Storyboard.TargetName="ContentPanel"
             Storyboard.TargetProperty="Opacity"
             From="0" To="1" Duration="0:0:1"
             />
            <DoubleAnimation Storyboard.TargetName="translateTransform"
             Storyboard.TargetProperty="X"
             From="500" To="200" Duration="0:0:1"/>
        </Storyboard>
    </Grid.Resources>
    <TextBlock x:Name="Txt2" Text="foo">
    </TextBlock>

【问题讨论】：

标签： c# animation windows-phone

【解决方案1】：

您在 Storyboard 资源中缺少 x:Key，所有资源都需要有 x:Key。我的 VS2013 就是这么说的。

<Grid x:Name="ContentPanel" 
              Background="Purple"

              Grid.Row="1" Margin="12,0,12,0">
            <Grid.RenderTransform>
                <TranslateTransform x:Name="translateTransform" X="500" />
            </Grid.RenderTransform>
            <Grid.Resources>
                <Storyboard x:Key="hey" x:Name="StoryBoard1">
                    <DoubleAnimation Storyboard.TargetName="ContentPanel"
                     Storyboard.TargetProperty="Opacity"
                     From="0" To="1" Duration="0:0:10"
                     />
                    <DoubleAnimation Storyboard.TargetName="translateTransform"
                     Storyboard.TargetProperty="X"
                     From="500" To="0" Duration="0:0:10"/>
                </Storyboard>
            </Grid.Resources>
            <TextBlock x:Name="Txt2" Text="foo">
            </TextBlock>
        </Grid>

【讨论】：