为Image WinPhone创建动画

时间:2012-11-26 21:52:03

标签: windows-phone-7 animation

如何在WinPhone中为Image创建动画? 我创建了UniformGrid,它有20个图像。如何执行以下操作:按下图像时 - 播放动画?

我的ItemControl:

 <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Image x:Name="imgSquare"
                           Source="{Binding Path=Square.ImagePath, Converter={StaticResource PathWP}}"                          
                           VerticalAlignment="Center"
                           HorizontalAlignment="Center"
                           Width="110" 
                           Height="110" 
                           Stretch="Fill">

                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="MouseLeftButtonDown">
                                <commandbinding:MvxEventToCommand Command="{Binding Path=DataContext.ClickCommand, ElementName=ImageList}" CommandParameter="{Binding}"/>
                            </i:EventTrigger>                            
                        </i:Interaction.Triggers>

                        <i:Interaction.Behaviors>
                            <behaviors:ImageBehavior SelectedSquareModel="{Binding}"/>
                        </i:Interaction.Behaviors>

                    </Image>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>

我计划使用行为播放动画:

<i:Interaction.Behaviors>
     <behaviors:ImageBehavior SelectedSquareModel="{Binding}"/>
</i:Interaction.Behaviors>

请告诉我如何创建动画,并将其连接到图像?

请原谅我的英语不好

1 个答案:

答案 0 :(得分:0)

尝试搜索“animations in windows phone

你会发现许多很棒的教程,其中大部分使用Blend和Behaviors,例如:http://www.jeffblankenburg.com/2010/10/29/31-days-of-windows-phone-day-29-animations/

对于在代码中完成的按钮动画,请参阅http://www.youtube.com/watch?v=5k8SG82e1Rc的中间几分钟 - 尽管来源是红宝石!