Windows Phone - Анимированная анимация сетки

Question

Я пытаюсь сделать слайд-анимацию для всей сетки, но имеет исключение: «Невозможно разрешить 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> 

Answer 1

Вам не хватает x: Ключ от ресурса раскадровки, все ресурсы должны иметь x: Ключ. Мой 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>