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. wzben的QQ空间

    实习之后没有动过博客了,后续慢慢补.

  2. bootstrapValidator针对设置赋值进行验证

    bootstrapValidator在提交的时候可以进行验证,但是对于点击输入框进行赋值的时候验证失效. 解决方法: 然后在设置change方法方可解决.

  3. python读取excel，数字都是浮点型，日期格式是数字的解决办法

    excel文件内容: 读取excel: # coding=utf-8 import xlrd import sys reload(sys) sys.setdefaultencoding('utf-8' ...

  4. js 层随着滚动条上下移动

    var tips; var theTop = 10; /*这是默认高度,越大越往下*/ var old = theTop; function moveTips() { var tt = 0; if ( ...

  5. 我在JS上解惑之路1

    1.为什么既然存在等号(==)非等号  (!=),又会有全等号(===)非全等号(!==)? *唯一的不同是后者判断时不进行类型转换. 例:var sNum = "66"; var ...

  6. python3 django连接mysql，同步表结构

    第一步:安装PyMySQ代替MySQLdb pip3 install PyMySQL 然后在工程目录的__init__.py中填写下面两句话   import pymysql pymysql.inst ...

  7. 执行js，通过js显示隐藏的输入框，或者给input赋值

    在测试过程中,有些输入框是隐藏的,如果直接对他进行赋值,会找不到这个输入框,从而导致脚本运行失败. 例如下面的这个密码输入框: 登录密码输入框分为两个input,下面的是提示的,上面的才是真正存下来的 ...

  8. IE6 PNG不透明问题 （只解决img标签的图片）

    <script type='text/javascript' src="/script/ie6.pngfix.js"></script> 会让一些posit ...

  9. maven部署项目流程（区分环境）

    java项目区分环境打包部署到Linux 本文以一个简单的HelloWorld的项目为例,从pom.xml配置到打jar包,最后在linux上运行并验证来对maven部署的这套流程进行简单介绍. 为方 ...

  10. 清明梦超能力者黄YY（idx数组）

    清明梦超能力者黄YY https://www.nowcoder.com/acm/contest/206/I 题目描述 黄YY是一个清明梦超能力者,同时也是一个记忆大师.他能够轻松控制自己在梦中的一切, ...