Delphi XE2 之 FireMonkey 入门(13) - 动画(下)

TAnimation 类的主要成员:

---

protected
  function NormalizedTime: Single;      //
  procedure ProcessAnimation; virtual;  //其子类们主要通过覆盖此方法来实现不同的动画
  procedure Loaded; override;           //
public
  procedure Start; virtual;             //播放
  procedure Stop; virtual;              //停止
  procedure StopAtCurrent; virtual;     //停止在当前帧; 和 Pause 属性不同的是它会触动 OnFinish 事件
  procedure StartTrigger(...); virtual; //如果不是覆盖, 一般应使用 Trigger、TriggerInverse 属性而不是该方法
  procedure ProcessTick(...);           //内部使用的动画执行方法, 主要由它来调用 ProcessAnimation 过程.
  property Running: Boolean ...;        //是否运行中; 只读
  property Pause: Boolean ...;          //暂停
published
  property AnimationType: TAnimationType ...;     //动画类型; 它好像只影响到插入(Interpolation)算法
  property AutoReverse: Boolean ...;              //自动逆向(起点->终点->起点)
  property Enabled: Boolean ...;                  //是否可用
  property Delay: Single ...;                     //延迟多少秒再开始动画
  property Duration: Single ...;                  //动画长度(秒); 其子类一般会默认为 0.2
  property Interpolation: TInterpolationType ...; //动画插入类型; 通过此选项可实现像反弹等多种动画效果(很好玩)
  property Inverse: Boolean ...;                  //逆向动画(终点->起点)
  property Loop: Boolean ...;                     //循环播放
  property Trigger: TTrigger ...;                 //指定可触发动画的事件; 其值是个字符串(见下表)
  property TriggerInverse: TTrigger ...;          //指定可触发逆向动画的事件; 其值是个字符串(见下表)
  property OnProcess: TNotifyEvent ...;           //每个动画帧触发的事件
  property OnFinish: TNotifyEvent ...;            //停止时触发的事件
end;

{ Trigger、TriggerInverse 属性的可选值: }
'IsMouseOver=true'
'IsMouseOver=false'
'IsFocused=true'
'IsFocused=false'
'IsVisible=true'
'IsVisible=false'
'IsDragOver=true'
'IsDragOver=false'
'IsOpen=true'
'IsOpen=false'

---

TFloatAnimation 用于尺寸变化的动画;
TColorAnimation 用于颜色变化的动画;
TGradientAnimation 用于颜色梯度动画;
TRectAnimation 用于边界(Padding、Margins)动画; 它们的扩展属性是一样的(但参数类型不一样):

---

StartValue       //起点值
StopValue        //终点值
StartFromCurrent //是否从当前帧开始动画
PropertyName     //动画要控制的属性; 其值是个字符串(见下表)

{ PropertyName 常用取值: }
'Width'
'Heigth'
'StrokeThickness'
'Position.X'
'Position.Y'
'Scale.X'
'Scale.Y'
'RotationCenter.X'
'RotationCenter.Y'
'RotationAngle'
'Opacity'
'Margins.Left'
'Margins.Top'
'Margins.Rigth'
'Margins.Bottom'
'Padding.Left'
'Padding.Top'
'Padding.Rigth'
'Padding.Bottom'

'Fill.Color'
'Stroke.Color'

'Fill.Gradient'
'Stroke.Gradient'

'Margins'
'Padding'

---

TFloatKeyAnimation、 TColorKeyAnimation 可通过其 Keys 属性定义多个关键帧(前面几种都只有两个关键帧), 其属性扩展:

---

Keys             //TKeys 类型的集合, 元素类型是 TKey; 主要使用 TKey.ID(关键帧序号)、TKey.Key(参数值) 两个属性
PropertyName     //
StartFromCurrent //

---

TBitmapAnimation 用于两张图片的切换动画; 它的扩展属性有:

---

StartValue   //起点图片
StopValue    //终点图片
PropertyName //只能是 'Bitmap'

---

TBitmapListAnimation 只需要一张图片, 根据需要的动画帧数(AnimationCount)把图片均分, 然后让切分后的各部分连成动画; 它的扩展属性有:

---

AnimationCount  //动画帧数
AnimationBitmap //图片
PropertyName    //

---

TPathAnimation 可以让对象绕一个指定的路径运动; 它的扩展属性有:

---

Path: TPathData; //路径数据; 一般通过 TPathData.Data 读写数据, 数据(字符串)使用了 SVG 中 Path 的格式标准
Rotate: Boolean; //是否旋转(自转)

---

路径动画简单示例: 先在 HD 窗体上放置一个 TRectangle, 选定后给它添加一个 TPathAnimation; 测试代码:

---

const
  strPath = 'M 3.84500002861023,3.47300004959106 ' +
    'C 4.83799982070923,24.6110000610352 26.2040004730225,34.9749984741211 42.875,30.8320007324219 ' +
    'C 69.8730010986328,24.121000289917 82.1620025634766,-9.76099967956543 74.6009979248047,-37.4169998168945 ' +
    'C 63.992000579834,-76.2160034179688 23.7210006713867,-93.3140029907227 -9.33600044250488,-80.4909973144531 ' +
    'C -52.2709999084473,-63.8380012512207 -70.8339996337891,-8.08600044250488 -55.2200012207031,37.6059989929199 ' +
    'C -35.9000015258789,94.1429977416992 24.3759994506836,118.28099822998 73.6240005493164,96.3960037231445 ' +
    'C 132.567993164063,70.2020034790039 157.505996704102,-7.92000007629395 133.664993286133,-71.5500030517578 ' +
    'C 105.81600189209,-145.880996704102 25.3040008544922,-177.113998413086 -40.0859985351563,-146.054992675781 ' +
    'C -95.6880035400391,-119.646003723145 -129.975997924805,-55.0750007629395 -127.064002990723,11.4790000915527';

procedure TForm1.FormCreate(Sender: TObject);
begin
  PathAnimation1.Path.Data := strPath;
  PathAnimation1.Duration := 8;
  PathAnimation1.AutoReverse := True;
  PathAnimation1.Loop := True;
  PathAnimation1.Rotate := True;
  PathAnimation1.Enabled := True;
end;

{ 如果要把路径显示出来, 还需要使用 TPath, 它是专用于呈现路径数据的. }

---

另外: 动画应该可以叠加和嵌套的, 暂不再深究.

还有, 真的在实用时, 使用这些类恐怕不如直接使用 FMXObject 中的方法来得便宜, 如:

---

procedure TForm1.Button1Click(Sender: TObject);
begin
  Button1.AnimateFloat('Position.X', Button1.Position.X*2, 1.5);
end;

---