关于主题动画.主题过度

http://www.cnblogs.com/trigged/archive/2012/03/31/2427508.html

http://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/br243232.aspx

给gridview 里面的每个子项 添加 从右边进入的动画

 

<GridView.ItemTemplate>
                       <DataTemplate>
                           <Grid Margin="0,0,20,20">
                       <Grid.Transitions>
                           <TransitionCollection>
                               <EntranceThemeTransition  IsStaggeringEnabled="True" FromHorizontalOffset="1500"></EntranceThemeTransition>
                           </TransitionCollection>

                       </Grid.Transitions>
                           <Grid.ColumnDefinitions>
                                   <ColumnDefinition Width="120"></ColumnDefinition>
                                   <ColumnDefinition Width="200"></ColumnDefinition>
                               </Grid.ColumnDefinitions>
                               <Image   Stretch="Fill" Source="{Binding productImage}"  Height="150" Grid.Column="0" Tapped="Image_Tapped_1">
                                  
                               </Image>

                               <StackPanel Grid.Column="1" Orientation="Vertical">
                                   <TextBlock Text="{Binding productName}" TextWrapping="Wrap"></TextBlock>
                                   <TextBlock  Margin="0,20,0,20" Text="{Binding productDesc}" TextTrimming="WordEllipsis" TextWrapping="NoWrap"></TextBlock>
                                   <TextBlock Foreground="Red" Text="{Binding productPrice}"></TextBlock>
                               </StackPanel>
                           </Grid>
                       </DataTemplate>
                   </GridView.ItemTemplate>
<EntranceThemeTransition IsStaggeringEnabled="True" FromHorizontalOffset="1500"></EntranceThemeTransition>

<ReorderThemeTransition></ReorderThemeTransition>

  <EdgeUIThemeTransition Edge="Right"></EdgeUIThemeTransition>

  <PopupThemeTransition FromHorizontalOffset="1500"></PopupThemeTransition>

FadeInThemeAnimation
Represents the preconfigured opacity animation that applies to controls when they are first shown.

FadeOutThemeAnimation
Represents the preconfigured opacity animation that applies to controls when they are removed from the UI or hidden.