[Silverlight]使用DoubleAnimation为对象添加动画效果

zoukankan html css js c++ java

[Silverlight]使用DoubleAnimation为对象添加动画效果
在Silverlight中，你可以使用Storyboard控件来控制页面对象的属性从而实现动画效果。该控件可以做用于double,Color以及Point类型，比如以动画形式改变Rectangle的Opactity值(double型)。Storyboard可以在XAML中作为一个Resource声明，如在Canvs对象中可以做如下声明
```
    <Canvas>
        <Canvas.Resources>
            <Storyboard x:Name="MyRect"></Storyboard>
        </Canvas.Resources>
    </Canvas>
```
Storyboard控件提供两种实现动画的方式
DoubleAnimation - 使用 From/To 描述动画过程.
DoubleAnimationUsingKeyFrames - 这是一个用来承载关键帧设置的容器，通过设置时间轴上关键真的方式描述动画过程.
DoubleAnimation

如上所述，DoubleAnimation通过使用From/To的方式来更改某个属性值从而实现动画效果。让我们来看看DoubleAnimation都包含了哪些属性：
Storyboard.TargetProperty - 这个属性用来指定DoubleAnimation所要作用的属性(格式:UIElement.Property)。
Storyboard.TargetName - 这个属性用来指定DoubleAnimation所作用的控件(一个提供了x:name的控件) .
Duration - 设置动画的持续时间 (格式: [days.]hours:minutes:seconds)。
From/To - 设置属性的起始和结束值，From的默认值是1.0。一般情况下我们不需要修改它。
AutoReverse - 指示时间线在完成向前迭代后是否按相反的顺序播放

RepeatBehavior - 设置为"Forever”会使动画无限循环播放。你也可以设置一个循环次数或者持续时间 (格式: [days.]hours:minutes:seconds) .

OK,下面看一个例子

    <Canvas>
        <Canvas.Resources>
            <Storyboard x:Name="CatSB">
                <DoubleAnimation 
Storyboard.TargetName="MyCat" Storyboard.TargetProperty="UIElement.Opacity"                             Duration="00:00:02" From="1.0" To="0.0"                              AutoReverse="True"  RepeatBehavior="Forever">                              
                </DoubleAnimation>
            </Storyboard>
        </Canvas.Resources>
        <Image Source="cat.jpg" x:Name="MyCat" ></Image>
    </Canvas>

然后在代码中使用CatSB.Begin()方法调用即可。

效果如下

查看全文

相关阅读:
vim官方教程
vim命令
vim设置——/home/.vimrc设置
Django中静态及媒体文件的引用设置
博客园特效，拖动鼠标吸附线条
机器学习工具Octave安装（Win10环境）
【原】Coursera—Andrew Ng斯坦福机器学习（0）——课程地址和软件下载
Anaconda 安装教程（Win10环境） Tensorflow安装
博客园设置各级标题样式
Android WebView 捕捉点击的URL中的信息

原文地址：https://www.cnblogs.com/024hi/p/1345502.html