silverlight学习之storyboard （动画）

概述利用silverlight的storyboard可以很方便的制作一些简单的“动画”，比如控制一些控件double类型或者color类型的属性值的变化。下面简单地说其中最简单的两个方面：DoubleAnimation（控制控件double类型的属性）和ColorAnimation（控制控件Color类型的属性）。 前提知识：DoubleAnimation是一个执行动画的动画对象，ColorAnima

利用silverlight的storyboard可以很方便的制作一些简单的“动画”，比如控制一些控件double类型或者color类型的属性值的变化。下面简单地说其中最简单的两个方面：DoubleAnimation（控制控件double类型的属性）和colorAnimation（控制控件color类型的属性）。

前提知识：DoubleAnimation是一个执行动画的动画对象，colorAnimation也只是一个执行动画的动画对象，他们不是独立存在的，而是要寄存在管理动画的演示图板对象（storyboard对象）上。可以这样理解：DoubleAnimation、colorAnimation只是storyboard的一个属性而已。

XAML代码：

<UserControl.Resources>        <Storyboard x:name="storyboard">            <DoubleAnimation  Storyboard.Targetname="rectangle1" Storyboard.TargetProperty="WIDth"                               From="160" To="300" Duration="0:0:2" autoReverse="True" RepeatBehavior="forever">            </DoubleAnimation>            <colorAnimation Storyboard.Targetname="rectangle1" Storyboard.TargetProperty="(rectangle1.Fill).color"                             From="Blue" To="Red" Duration="0:0:5" autoReverse="True" RepeatBehavior="forever">            </colorAnimation>            <colorAnimation Storyboard.Targetname="rectangle1" Storyboard.TargetProperty="(rectangle1.stroke).color"                             From="Green" To="Black" Duration="0:0:5" autoReverse="True" RepeatBehavior="forever">            </colorAnimation>        </Storyboard>    </UserControl.Resources>    <GrID x:name="LayoutRoot" Background="White">        <Rectangle Height="100" HorizontalAlignment="left" margin="90,96,0" name="rectangle1" stroke="#FF16DB16"                    strokeThickness="10" VerticalAlignment="top" WIDth="200" Fill="#FFD83232" />    </GrID></UserControl>

1、可以看到里面的控件就只有一个：矩形 Rectangle

2、建立一个Storyboard对象

3、在Storyboard里添加一个DoubleAnimation属性（暂且这么理解吧）
Storyboard.Targetname：表示动画要作用于的控件

Storyboard.TargetProperty：表示动画要作用于的控件的哪个属性

From="160" ：表示控件属性的初始值 To=300" ：表示控件属性值的结束值

Duration=0:0:2" ：表示要经历的时间 ，表是 时：分：秒

autoReverse=True" 表示从From到To结束后再从To到From变化 。 RepeatBehavior=forever" 表示无限重复

在colorAnimation 属性里，我们想改变矩形的填充颜色，但这里要注意一下写法： Storyboard.TargetProperty = "(rectangle1.Fill).color"

总结

以上是内存溢出为你收集整理的silverlight学习之storyboard （动画）全部内容，希望文章能够帮你解决silverlight学习之storyboard （动画）所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。