zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    es6学习笔记
    vue.js项目目录结构说明
    js 数组操作总结
    js 数组去重方法
    HTTP协议三次握手过程
    MVC与MVVM模式对比
    谱面编辑器
    LL谱面分析和难度标定
    SLP的模块结构
    LL基本姿势
  • 原文地址:https://www.cnblogs.com/dzone/p/4235542.html
Copyright © 2011-2022 走看看