Silverlight StoryBoard 动态切换ImageSource

Silverlight StoryBoard 动态切换ImageSource

 

<StackPanel Grid.Row="1" Orientation="Horizontal">
                            
                            <Image x:Name="Mouth"  Style="{StaticResource ModuleImageStyle}" Source="../Assets/icons/large/1389966495_Messages.png">
                                <Image.Triggers>
                                    <EventTrigger RoutedEvent="StackPanel.Loaded">
                                        <BeginStoryboard>
                                            <Storyboard x:Name="SingingAnim" AutoReverse="True" RepeatBehavior="Forever">
                                                <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Mouth" Storyboard.TargetProperty="(Image.Source)">

                                                    <DiscreteObjectKeyFrame KeyTime="00:00:01">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <BitmapImage UriSource="../Assets/icons/large/1389966495_Messages.png" />
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                    <DiscreteObjectKeyFrame KeyTime="00:00:02">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <BitmapImage UriSource="../Assets/icons/large/1389966508_Analytics_one.png" />
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                    <DiscreteObjectKeyFrame KeyTime="00:00:03">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <BitmapImage UriSource="../Assets/icons/large/1389966546_Notes.png" />
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                    <DiscreteObjectKeyFrame KeyTime="00:00:04">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <BitmapImage UriSource="../Assets/icons/large/1389966549_Analytics_two.png" />
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                    <DiscreteObjectKeyFrame KeyTime="00:00:05">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <BitmapImage UriSource="../Assets/icons/large/1389966553_Analytics.png" />
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>

                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger>
                                </Image.Triggers>
                            </Image>

                            <Rectangle RadiusX="60" RadiusY="60"
                                    x:Name="MyAnimatedRectangle"
                                    Width="100"
                                    Height="100"
                                    Fill="LightSeaGreen">
                                <Rectangle.Triggers>

                                    <!-- Animates the rectangle's opacity. -->
                                    <EventTrigger RoutedEvent="Rectangle.Loaded">
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <DoubleAnimation
                                                  Storyboard.TargetName="MyAnimatedRectangle"
                                                  Storyboard.TargetProperty="Opacity"
                                                  From="1.0" To="0.0" Duration="0:0:5" AutoReverse="True" RepeatBehavior="Forever" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger>
                                </Rectangle.Triggers>
                            </Rectangle>
                            
                        </StackPanel>