XAML part of the NotificationCenter-like scrolling animation for WIndows Phone

ScrollingWP.xaml

<Grid>
  <Grid.RowDefinitions>
    <RowDefinition Height="60"/>
    <RowDefinition Height="Auto" />
    <RowDefinition Height="30"/>
    <RowDefinition Height="*"/>
  </Grid.RowDefinitions>

  <!-- the title block -->
  <Grid Background="#FF5E58C7">
    <!-- the title content block -->
  </Grid>

  <!-- the animated block -->
  <StackPanel x:Name="animatedPanel" Grid.Row="1">
    <!-- the animated content block -->
  </StackPanel>

  <!-- button of animation (show / hide animated block) -->
  <Button x:Name="animationButton" Grid.Row="2" Background="#FF5E58C7"
          Style="{StaticResource TextBlockButtonStyle}"
          HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="24"
               FontFamily="Segoe UI Symbol" Text="&#xE108;" />
  </Button>

  <!-- another block-->
  <Grid Grid.Row="3">
    <!-- content block -->
  </Grid>
</Grid>