如何在stackPanel wp7中为图像添加动画效果

Question

我开发了一些Windows手机应用程序，但从未与animation进行交互 现在我需要一个平铺动画，xaml在下面给出

<Grid Height="250">
                        <StackPanel Height="700" x:Name="stackPanel" VerticalAlignment="bottom">
                            <Image Width="50" Height="50" Stretch="Fill" Source="http://localhost:5141/Images/28/28_f6bce20b-cb91-41d8-80fb-36524e1e6e46_ProfilePic.jpg"></Image>   
                            <Image Width="50" Height="50" Stretch="Fill" Source="http://localhost:5141/Images/28/28_0b3b5606-8cf3-4a33-8292-e62f7785a224_tes.JPG"></Image>  
                            <Image Width="50" Height="50" Stretch="Fill" Source="http://localhost:5141/Images/28/28_1c59768b-3419-48e4-805b-e78ca8d82b71_d.jpg"></Image>    
                            <Image Width="50" Height="50" Stretch="Fill" Source="http://localhost:5141/Images/28/28_f6bce20b-cb91-41d8-80fb-36524e1e6e46_ProfilePic.jpg"></Image>   
                            <Image Width="50" Height="50" Stretch="Fill" Source="http://localhost:5141/Images/28/28_0b3b5606-8cf3-4a33-8292-e62f7785a224_tes.JPG"></Image>  
                            <Image Width="50" Height="50" Stretch="Fill" Source="http://localhost:5141/Images/28/28_1c59768b-3419-48e4-805b-e78ca8d82b71_d.jpg"></Image>    
                            <Image Width="50" Height="50" Stretch="Fill" Source="http://localhost:5141/Images/28/28_f6bce20b-cb91-41d8-80fb-36524e1e6e46_ProfilePic.jpg"></Image>   
                            <Image Width="50" Height="50" Stretch="Fill" Source="http://localhost:5141/Images/28/28_0b3b5606-8cf3-4a33-8292-e62f7785a224_tes.JPG"></Image>  
                            <Image Width="50" Height="50" Stretch="Fill" Source="http://localhost:5141/Images/28/28_1c59768b-3419-48e4-805b-e78ca8d82b71_d.jpg"></Image>    
                        </StackPanel>
</Grid>

在Grid (Height = 250)上方包含stackPanel (Height = 500)，其中包含一些images，但Grid's高度小于{{1} }}，所以stackPanel's中的所有图片都不能同时显示，所以我想在向上/向下中 这个stackPanel，下面给出了更具说明性的stackPanel

任何帮助欣赏？
谢谢