前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >CaseStudy(showcase)类库篇-用agTweener来实现动画效果

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

作者头像
用户1172164
发布2018-01-16 13:53:38
5260
发布2018-01-16 13:53:38
举报

做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就不会出错了。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2008-07-22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 类库篇-用agTweener来实现动画效果
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档