[源码下载]
作者： webabcd
介绍
Silverlight 2.0 动画：
ColorAnimation - 在两个 Color 值之间做线性内插动画处理
DoubleAnimation - 在两个 Double 值之间做线性内插动画处理
PointAnimation - 在两个 Point 值之间做线性内插动画处理
内插关键帧动画 - 在 Color 或 Double 或 Point 动画中内插关键帧，以做线性, 离散,三次贝塞尔曲线的动画处理
动态改变动画 - 通过程序控制，动态地改变动画
在线DEMO
http://www.voidcn.com/article/p-ounmxjds-tq.html
示例
1、ColorAnimation.xaml
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<StackPanel HorizontalAlignment="Left">
<Ellipse x:Name="ellipse" Fill="Red" Width="200" Height="100">
<Ellipse.Triggers>
<!--
RoutedEvent - 所属对象的路由事件，仅有Loaded这个事件
-->
<EventTrigger RoutedEvent="Ellipse.Loaded">
<BeginStoryboard x:Name="beginStoryboard">
<Storyboard x:Name="storyboard">
<!--ColorAnimation - 在两个 Color 值之间做线性内插动画处理-->
<!--
Storyboard.TargetName - 要进行动画处理的对象的名称
Storyboard.TargetProperty - 要进行动画处理的对象的属性
BeginTime - 时间线在被触发 BeginTime 的时间后才能开始播放
TimeSpan - [-][日.]时:分:秒[.1位到7为的秒后的小数]（可为正；可为负；可为空；默认值为 0）
From - 动画的起始值
To - 动画的结束值
By - 动画从起始值开始计算，所需变化的总量（To 优先于 By）
Duration - 时间线的持续时间
TimeSpan - [-][日.]时:分:秒[.1位到7为的秒后的小数]
Automatic - 自动确定
Forever - 无限长
AutoReverse - 动画完成后是否要原路返回。默认值为 false
RepeatBehavior - 动画重复播放的时间、次数或类型
TimeSpan - [-][日.]时:分:秒[.1位到7为的秒后的小数]
nx - 播放次数。1x,2x,3x
Forever - 永久播放
Speedratio - 时间线的速率的倍数。默认值 1
FillBehavior - 动画结束后的行为 [System.Windows.Media.Animation.FillBehavior枚举]
FillBehavior.HoldEnd - 动画结束后，保留动画属性的结束值。默认值
FillBehavior.Stop - 动画结束后，恢复动画属性为其初始值
-->
<ColorAnimation
Storyboard.TargetName="ellipse"
Storyboard.TargetProperty="(Ellipse.Fill).(SolidColorBrush.Color)"
BeginTime="00:00:0"
From="Red"
To="Yellow"
Duration="Automatic"
AutoReverse="True"
RepeatBehavior="3x">
</ColorAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Ellipse.Triggers>
</Ellipse>
</StackPanel>
</UserControl>
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<StackPanel HorizontalAlignment="Left">
<Rectangle x:Name="rectangle" Width="200" Height="100" stroke="Black" strokeThickness="6" RadiusX="25" RadiusY="25">
<Rectangle.Fill>
<ImageBrush ImageSource="/Silverlight20;component/Images/logo.jpg" Stretch="Fill" />
</Rectangle.Fill>
</Rectangle>
<StackPanel.Resources>
<BeginStoryboard x:Name="beginStoryboard">
<Storyboard x:Name="storyboard">
<!--DoubleAnimation - 在两个 Double 值之间做线性内插动画处理-->
<!--
Storyboard.TargetName - 要进行动画处理的对象的名称
Storyboard.TargetProperty - 要进行动画处理的对象的属性
BeginTime - 时间线在被触发 BeginTime 的时间后才能开始播放
TimeSpan - [-][日.]时:分:秒[.1位到7为的秒后的小数]（可为正；可为负；可为空；默认值为 0）
From - 动画的起始值
To - 动画的结束值
By - 动画从起始值开始计算，所需变化的总量（To 优先于 By）
Duration - 时间线的持续时间
TimeSpan - [-][日.]时:分:秒[.1位到7为的秒后的小数]
Automatic - 自动确定
Forever - 无限长
AutoReverse - 动画完成后是否要原路返回。默认值为 false
RepeatBehavior - 动画重复播放的时间、次数或类型
TimeSpan - [-][日.]时:分:秒[.1位到7为的秒后的小数]
nx - 播放次数。1x,3x
Forever - 永久播放
Speedratio - 时间线的速率的倍数。默认值 1
FillBehavior - 动画结束后的行为 [System.Windows.Media.Animation.FillBehavior枚举]
FillBehavior.HoldEnd - 动画结束后，保留动画属性的结束值。默认值
FillBehavior.Stop - 动画结束后，恢复动画属性为其初始值
-->
<DoubleAnimation
Storyboard.TargetName="rectangle"
Storyboard.TargetProperty="Width"
From="100"
By="100"
BeginTime="0:0:3"
Duration="00:00:03"
AutoReverse="False"
RepeatBehavior="Forever">
</DoubleAnimation>
</Storyboard>
</BeginStoryboard>
</StackPanel.Resources>
</StackPanel>
</UserControl>
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<StackPanel HorizontalAlignment="Left">
<StackPanel Orientation="Horizontal">
<Button Click="Animation_Begin" Width="65" Height="30" Margin="2" Content="Begin" />
<Button Click="Animation_Pause" Width="65" Height="30" Margin="2" Content="Pause" />
<Button Click="Animation_Resume" Width="65" Height="30" Margin="2" Content="Resume" />
<Button Click="Animation_Stop" Width="65" Height="30" Margin="2" Content="Stop" />
</StackPanel>
<Path Fill="Red">
<Path.Data>
<EllipseGeometry x:Name="ellipseGeometry" Center="50,50" RadiusX="15" RadiusY="15" />
</Path.Data>
</Path>
<StackPanel.Resources>
<Storyboard x:Name="storyboard">
<!--PointAnimation - 在两个 Point 值之间做线性内插动画处理-->
<!--
Storyboard.TargetName - 要进行动画处理的对象的名称
Storyboard.TargetProperty - 要进行动画处理的对象的属性
BeginTime - 时间线在被触发 BeginTime 的时间后才能开始播放
TimeSpan - [-][日.]时:分:秒[.1位到7为的秒后的小数]（可为正；可为负；可为空；默认值为 0）
From - 动画的起始值
To - 动画的结束值
By - 动画从起始值开始计算，所需变化的总量（To 优先于 By）
Duration - 时间线的持续时间
TimeSpan - [-][日.]时:分:秒[.1位到7为的秒后的小数]
Automatic - 自动确定
Forever - 无限长
AutoReverse - 动画完成后是否要原路返回。默认值为 false
RepeatBehavior - 动画重复播放的时间、次数或类型
TimeSpan - [-][日.]时:分:秒[.1位到7为的秒后的小数]
nx - 播放次数。1x,3x
Forever - 永久播放
Speedratio - 时间线的速率的倍数。默认值 1
FillBehavior - 动画结束后的行为 [System.Windows.Media.Animation.FillBehavior枚举]
FillBehavior.HoldEnd - 动画结束后，保留动画属性的结束值。默认值
FillBehavior.Stop - 动画结束后，恢复动画属性为其初始值
-->
<PointAnimation
Storyboard.TargetName="ellipseGeometry"
Storyboard.TargetProperty="Center"
BeginTime="00:00:00"
From="50,50"
To="300,500"
Duration="0:0:3"
AutoReverse="True"
RepeatBehavior="00:00:10">
</PointAnimation>
</Storyboard>
</StackPanel.Resources>
</StackPanel>
</UserControl>
@H_502_250@using System.Collections.Generic;
@H_502_250@using System.Windows;
@H_502_250@using System.Windows.Controls;
@H_502_250@using System.Windows.Documents;
@H_502_250@using System.Windows.Input;
@H_502_250@using System.Windows.Media;
@H_502_250@using System.Windows.Media.Animation;
@H_502_250@using System.Windows.Shapes;
@H_502_250@
@H_502_250@namespace Silverlight20.Animation
@H_502_250@{
@H_502_250@
public partial
class PointAnimation : UserControl
@H_502_250@ {
@H_502_250@
public PointAnimation()
@H_502_250@ {
@H_502_250@ InitializeComponent();
@H_502_250@ }
@H_502_250@
@H_502_250@
private
void Animation_Begin(
object sender,RoutedEventArgs e)
@H_502_250@ {
@H_502_250@
// 播放
@H_502_250@ storyboard.Begin();
@H_502_250@ }
@H_502_250@
@H_502_250@
private
void Animation_Pause(
object sender,RoutedEventArgs e)
@H_502_250@ {
@H_502_250@
// 暂停
@H_502_250@ storyboard.Pause();
@H_502_250@ }
@H_502_250@
@H_502_250@
private
void Animation_Resume(
object sender,RoutedEventArgs e)
@H_502_250@ {
@H_502_250@
// 继续
@H_502_250@ storyboard.Resume();
@H_502_250@ }
@H_502_250@
@H_502_250@
private
void Animation_Stop(
object sender,RoutedEventArgs e)
@H_502_250@ {
@H_502_250@
// 停止
@H_502_250@ storyboard.Stop();
@H_502_250@ }
@H_502_250@ }
@H_502_250@}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。