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>
时间: 2024-08-23 03:01:17

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

WPF案例 (六) 动态切换UI布局

原文:WPF案例 (六) 动态切换UI布局 这个Wpf示例对同一个界面支持以ListView或者CardView的布局方式呈现界面,使用控件ItemsControl绑定数据源,使用DataTemplate为ItemsControl分别预定义了ListView和CardView的样式,在程序运行时,可在这两种Layout之间互相切换,界面如下.源代码在这里下载   为ItemsControl定义ListView UI布局的ItemTemplate,并指定MouseOver时DataTemplate

Silverlight4中实现Theme的动态切换

Silverlight一般用来开发一些企业的应用系统,如果用户一直面对同一种风格的页面,时间长了难免厌烦,所以一般都会提供好几种风格及Theme供用户选中,下面就来说一下如何在不重新登录系统的情况下,实现风格的动态切换.我们写一个Demo来说明一下. 新建一个Silverlight的项目,并添加一个默认的站点,先来写一下页面吧,简单起见,只放两个控件,MainPage的代码如下: <UserControl x:Class="SilverlightChangeTheme.MainPage&q

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

         文章简略:本文测试项目为Silverlight+EF+RIA Service动态切换数据库的问题 通常,Ado.net EntityFramework的数据库连接字符串ConnectionString是存在实体框架所在的类库项目中的配置文件中(.config)的,类似这样: <connectionStrings> <add name="{EFName}Entities" connectionString="metadata=res://*/

Spring整合多数据源实现动态切换

在实际项目中时常需要连接多个数据库,而且不同的业务需求在实现过程当中往往需要访问不同的数据库. jdbc.properties配置文件,配置多个dataSource ##########################MySQL##################################### hibernate.dialect=org.hibernate.dialect.MySQLInnoDBDialect connection.driver_class=com.mysql.jdbc.

IOS开发之——使用Segue在StoryBoard之间切换

使用Segue能够在ViewController之间来回切换,以下就来说下切换方法: 1. 使用点击button进行切换 直接上图,在须要切换的View属性界面,点击Modal然后拉到前一个view界面或者是Button上 2. 手动进行跳转 假设拉到了Button的TouchUpInside上,那么点击左側button的时候就会切到右边的View,假设拉到了view上,就会连接Manual,在代码中实现跳转 设置Segue的Indentifier属性: 代码中手动进行跳转: //在viewDi

实现flex LinkBar 组件 动态切换ico图标

<?xml version="1.0" encoding="utf-8"?><s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"                        xmlns:s="library://ns.adobe.com/flex/spark"                        xmlns:mx="

mybatis动态切换数据源

(#)背景:由于业务的需求,导致需要随时切换15个数据源,此时不能low逼的去写十几个mapper,所以想到了实现一个数据源的动态切换 首先要想重写多数据源,那么你应该理解数据源的一个概念是什么,DataSourceTransactionManager这个类就是spring中对于数据源的封装,其中DataSource做为 他的一个成员.接下来我们要介绍一下我们切换动态数据源需要使用的类,AbstractRoutingDataSource,先来看看这个类的源码 首先看看这几个变量,targetDa

django 板块动态切换

需求:在同一页面的不同板块上可以实现动态切换,使用一个view实现,具体如下图所示,点击phy显示物理机列表,点击vm显示虚机列表,phy.vm对应的url均是动态生成:               实现思路: 1.新建两个表,servers表用于存放服务器种类,pvserver物理机虚机具体服务器信息.物理机和虚机不要分别存放于两个表中,这样的话在view中无法直接通过服务器类型得出相应的服务器列表 #存放服务器类型 class servers(models.Model): serverid

动态切换tableView中的cell的种类

为什么要动态切换tableView中cell的种类呢?如果项目经理不出这种需求,你也就见不到这篇文章了:) 效果: 源码: 首先,你要准备3种cell,直接继承系统的就行了. // // RootViewController.m // ChangeCell // // Copyright (c) 2014年 Y.X. All rights reserved. // #import "RootViewController.h" #import "YellowCell.h&quo