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>

Silverlight StoryBoard 动态切换ImageSource的更多相关文章

  1. Silverlight4中实现Theme的动态切换

    Silverlight一般用来开发一些企业的应用系统,如果用户一直面对同一种风格的页面,时间长了难免厌烦,所以一般都会提供好几种风格及Theme供用户选中,下面就来说一下如何在不重新登录系统的情况下, ...

  2. 动态切换数据库(EF框架)

             文章简略:本文测试项目为Silverlight+EF+RIA Service动态切换数据库的问题 通常,Ado.net EntityFramework的数据库连接字符串Connect ...

  3. spring+mybatis多数据源动态切换

    spring mvc+mybatis+多数据源切换 选取oracle,mysql作为例子切换数据源.oracle为默认数据源,在测试的action中,进行mysql和oracle的动态切换. web. ...

  4. Spring AOP动态切换数据源

    现在稍微复杂一点的项目,一个数据库也可能搞不定,可能还涉及分布式事务什么的,不过由于现在我只是做一个接口集成的项目,所以分布式就先不用了,用Spring AOP来达到切换数据源,查询不同的数据库就可以 ...

  5. mybatis动态切换数据源

    (#)背景:由于业务的需求,导致需要随时切换15个数据源,此时不能low逼的去写十几个mapper,所以想到了实现一个数据源的动态切换 首先要想重写多数据源,那么你应该理解数据源的一个概念是什么,Da ...

  6. springAOP实现基于注解的数据源动态切换

    需求 代码实现读写数据库分离 武器 spring3.0以上版本 实现思路 1.继承org.springframework.jdbc.datasource.lookup.AbstractRoutingD ...

  7. jquery实现页面动态切换的方法--toggleClass(className)

    $(function() { $(".A").click(function() { $(this).toggleClass("B"); }); }); 当点击带 ...

  8. Spring3 整合Hibernate3.5 动态切换SessionFactory （切换数据库方言）

    一.缘由 上一篇文章Spring3.3 整合 Hibernate3.MyBatis3.2 配置多数据源/动态切换数据源 方法介绍到了怎么样在Sping.MyBatis.Hibernate整合的应用中动 ...

  9. Spring3.3 整合 Hibernate3、MyBatis3.2 配置多数据源/动态切换数据源 方法

    一.开篇 这里整合分别采用了Hibernate和MyBatis两大持久层框架,Hibernate主要完成增删改功能和一些单一的对象查询功能,MyBatis主要负责查询功能.所以在出来数据库方言的时候基 ...

随机推荐

  1. centos7.3 快速安装 mariadb（mysql）

    从最新版本的linux系统开始,默认的是 Mariadb而不是mysql! 使用系统自带的repos安装很简单: yum install mariadb mariadb-server systemct ...

  2. Mysql数据库查询数据文件大小

    参考网站:https://zhidao.baidu.com/question/201227796936321525.html 用SQL命令查看Mysql数据库大小 要想知道每个数据库的大小的话,步骤如 ...

  3. Xshell图形界面启动

    https://blog.csdn.net/qq_27843481/article/details/50539797 增加内存:https://jingyan.baidu.com/article/4d ...

  4. HTML5 Canvas ( 图形的阴影 ) shadowColor, shadowOffsetX, shadowOffsetY, shadowNlur

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. HTML5 Canvas ( 填充图形的绘制 ) closePath, fillStyle, fill

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. 在Apache下开启SSI配置

    开启SSI:html.shtml页面include网页文件 使用SSI(Server Side Include)的html文件扩展名,SSI(Server Side Include),通常称为&quo ...

  7. 机器学习入门-数值特征-数字映射和one-hot编码 1.LabelEncoder(进行数据自编码) 2.map(进行字典的数字编码映射) 3.OnehotEncoder(进行one-hot编码) 4.pd.get_dummies(直接对特征进行one-hot编码)

    1.LabelEncoder() # 用于构建数字编码 2 .map(dict_map)  根据dict_map字典进行数字编码的映射 3.OnehotEncoder()  # 进行one-hot编码 ...

  8. class(类的使用说明）

    class 的三大特性 封装:内部调用对于外部用户是透明的 继承: 在分类里的属性,方法被自动继承 多态:调用这个功能,可以使多个类同时执行 r1 = Role(r1, 'Alex', 'Police ...

  9. Eclipse 更改Maven项目名

    1. 在Eclipse 中修改项目名 没错这种方法跟你预料的一样简单,当项目已经导入到 Eclipse 之后,只需要做两个事情 1.1 改项目文件夹名称 选中项目,按 F12 ,改名. 多数人改项目名 ...

  10. Maven打包跳过测试,文档生成

    运行mvn install时跳过Test 方法一: <project> [...] <build> <plugins> <plugin> <gro ...