CaseStudy(showcase)类库篇-用agTweener来实现动画效果

2018-01-16 13:53:38 浏览数 (1)

做silvelight也有一段时间了,相册、游戏,刚刚完成的showcase这个小程序算是一个阶段了。这里就以showcase这个项目来做一下CaseStudy。

类库篇-用agTweener来实现动画效果

项目地址:http://www.codeplex.com/agTweener

许多做flash/flex开发的人都知道在flash中有一个Tween类来帮助程序员用编程的方式来构建动画。不用每一次都在时间轴上做。silverlight也一样在sl中有一个agTweener的第三方类库。

我的这个项目就是用它来构建动画的。这里我简单的介绍一下它的使用。

            TweenParameter _tween = new TweenParameter();             _tween.Opacity = 0;             _tween.time = 0.1;             _tween.transition = TransitionType.easeInOutBack;             Tweener.addTween(xImage, _tween);

这样子就实现了一个把元素透明度变化到0的效果。

目前版本支持的属性如下:

  • transition
  • time
  • delay
  • Width
  • Height
  • X
  • Y
  • ScaleX
  • ScaleY
  • SkewAngleX
  • SkewAngleY
  • RotateAngle
  • Opacity
  • ZIndex

提示下,在加了Tween出错的情况下请在你的目标元素加上RenderTransform,在blend中打开在Transform面板中随便赋值。然后再到对应的XAML中删除掉刚才付的值。

这样Blend就会帮你生成RenderTransform节点。这样agTweener就不会出错了。

0 人点赞