稳扎稳打Silverlight(11) - 2.0动画之ColorAnimation,DoubleAnim

2012-03-23
浏览
导读:稳扎稳打Silverlight(11) - 2.0动画之ColorAnimation,DoubleAnimation,PointAnimation,内插关键帧动画 介绍 Silverlight 2.0 动画: ColorAnimation - 在两个 C

稳扎稳打Silverlight(11) - 2.0动画之ColorAnimation,DoubleAnimation,PointAnimation,内插关键帧动画

介绍

Silverlight 2.0 动画:

ColorAnimation - 在两个 Color 值之间做线性内插动画处理

DoubleAnimation - 在两个 Double 值之间做线性内插动画处理

PointAnimation - 在两个 Point 值之间做线性内插动画处理

内插关键帧动画 - 在 Color 或 Double 或 Point 动画中内插关键帧,以做线性, 离散, 三次贝塞尔曲线的动画处理

动态改变动画 - 通过程序控制,动态地改变动画

在线DEMO

http://www.cnblogs.com/webabcd/archive/2008/10/09/1307486.html

示例

1、ColorAnimation.xaml

<UserControl x:Class="Silverlight20.Animation.ColorAnimation"
  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>

Silverlight编程模型、XAML和HTML DOM

Silverlight对象树

Silverlight中如何为浏览器外应用程序实现

Silverlight中如何为浏览器外支持配置应用

使用LINQ和ADO.NET创建Silverlight程序