silverlight animation example

http://samples.msdn.microsoft.com/Silverlight/SampleBrowser/index.htm#/

Silverlight Documentation Samples

https://social.msdn.microsoft.com/Forums/silverlight/en-US/2a79ccc0-b012-4a7b-ad74-19a1500907fc/how-to-move-an-image-control-with-animation

how to MOVE an Image control with animation

http://www.c-sharpcorner.com/uploadfile/anavijai/silverlight-doubleanimation-example/

Silverlight DoubleAnimation Example

1.

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" x:Class="SilverlightApplication1.MainPage"
    mc:Ignorable="d" Height="504.478" Width="940.299">

    <Grid x:Name="LayoutRoot" Background="Green">
        <Canvas Margin="0,-35,0,35">

            <Canvas.Resources>

                <Storyboard x:Name="storyboard1">
                    <DoubleAnimation
                      Storyboard.TargetName="image1"
                      Storyboard.TargetProperty="Opacity"
                      From="1.0" To="0.0" Duration="0:0:1"
                      AutoReverse="True"
                      RepeatBehavior="Forever" />
                </Storyboard>

                <Storyboard x:Name="storyboard2">
                    <DoubleAnimation
                        Storyboard.TargetProperty="(Canvas.Left)" From="50" To="250"
                        Storyboard.TargetName="image1" Duration="0:0:0.5" />
                </Storyboard>

                <Storyboard x:Name="storyboard3">
                    <DoubleAnimation
                        Storyboard.TargetProperty="(Canvas.Top)" From="50" To="250"
                        Storyboard.TargetName="image1" Duration="0:0:0.5" />
                </Storyboard>
            </Canvas.Resources>
            <Button x:Name="button1" Content="Generate" HorizontalAlignment="Left" Margin="473,55,0,0" VerticalAlignment="Top" Width="106" Height="56" Click="Button_Click_1"/>
            <Image x:Name="image1"  Source="/res/boss.png"  HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100" Canvas.Left="261" Canvas.Top="285"/>
        </Canvas>
    </Grid>
</UserControl>

2. in cs code use begin() to call a storyboard

storyboard1.Begin();
时间: 2024-12-29 15:27:38

silverlight animation example的相关文章

Silverlight &amp; Blend动画设计系列九:动画(Animation)与视图状态管理(Visual State Manager)

Silverlight中的动画(Animation)与视图状态管理(Visual State Manager) 结合使用是非常常见的,动画用于管理对象在某段事件段内执行的动画动作,视图状态管理则用于控制对象在多个不同的视觉状态之间切换.导航.本篇主要介绍动画(Animation)与视图状态管理(Visual State Manager)的结合应用,关于视图状态管理的详细内容请大家查看相关资料. 举一个简单的示例,比如在开发一个项目中有一个按钮,当我点击这个按钮的时候就动态的从某个方向(如从上到下

Silverlight &amp; Blend动画设计系列十一:沿路径动画(Animation Along a Path)

原文:Silverlight & Blend动画设计系列十一:沿路径动画(Animation Along a Path) Silverlight 提供一个好的动画基础,但缺少一种方便的方法沿任意几何路径对象进行动画处理.在Windows Presentation Foundation中提供了动画处理类DoubleAnimationUsingPath和PointAnimationUsingPath,使用这些类就可以非常容易的实现沿几何路径的动画处理,本文提供了基于Silverlight的等效动画类

Silverlight &amp; Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效

当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效果不一的图形图像出来作为动画的基本组成元素.然而在设计过程中可能会出现许多的问题,比如当前绘制了一个椭圆,但是在动画中仅仅只需要椭圆的一半或是更多更少的部分用作与动画元素,这时候就需要对椭圆对象进行相应的处理才能满足我们的需求,那到底该怎么做才能实现最终想要的效果呢?本篇将介绍在Microsoft Expression Blend中进行动画设计的一些常用的功能点和动画设计技巧. 一.转换对象为路径 将一个

ArcGIS API for Silverlight中加载Google地形图(瓦片图)

原文:ArcGIS API for Silverlight中加载Google地形图(瓦片图) 在做水利.气象.土地等行业中,若能使用到Google的地形图那是再合适不过了,下面就介绍如何在ArcGIS API for Silverlight中加载Google地 形图.先上一个图,初步制作,待后续继续改进 ArcGIS API for Silverlight 中的ArcGISTiledMapServiceLayer图层,继承自TiledMapServiceLayer.如果想实现自己的缓存地图图 层

ArcGIS API for Silverlight 实现修改地图上的工程点位置

原文:ArcGIS API for Silverlight 实现修改地图上的工程点位置 #region 处理工程点点击编辑相关事件 public Graphic editgraphics = null; //待编辑的Graphics图层 public Graphic oldgraphics = null; //原先Graphics图层 public Symbol symbolold = null; /// <summary> /// 在地图上点击编辑点处理事件 /// </summary

ArcGIS API for Silverlight 加载google地图

原文:ArcGIS API for Silverlight 加载google地图 using System; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Ink; using System.Windows.Input; using System.Windows.Media; using Syst

ArcGIS API for Silverlight 调用GP服务加载等值线图层

原文:ArcGIS API for Silverlight 调用GP服务加载等值线图层 第二篇.Silverlight客户端调用GP服务 利用ArcGIS API for Silverlight实现GP服务调用,这里的雨量数据是通过一个WebService获取而来,主要信息是雨量站点的经纬度坐标值和某个时间段内的降雨量值三个主要字段. 以下是核心代码部分: <UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/pr

ArcGIS API for Silverlight动态标绘的实现

1.下载2个dll文件,分别是: ArcGISPlotSilverlightAPI.dll 和 Matrix.dll 其下载地址为:http://download.csdn.net/detail/taomanman/9212163 2.在Silverlight项目中添加上面2个dll引用,如下图所示: 3.核心及调用代码如下所示: <UserControl x:Class="SLPlotMap.MainPage" xmlns="http://schemas.micros

Silverlight导出图片需要的几个类

1.EditableImage.cs类,代码如下: using System; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Ink; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using