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

简介: 做silvelight也有一段时间了,相册、游戏,刚刚完成的showcase这个小程序算是一个阶段了。这里就以showcase这个项目来做一下CaseStudy。 类库篇-用agTweener来实现动画效果 项目地址:http://www.codeplex.com/agTweener 许多做flash/flex开发的人都知道在flash中有一个Tween类来帮助程序员用编程的方式来构建动画。

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

 


作者:nasa
出处:nasa.cnblogs.com
联系:nasa_wz@hotmail.com
QQ:12446006

 

相关文章
|
8月前
|
移动开发 JavaScript 前端开发
游戏框架 - 描述Phaser、Three.js等JavaScript游戏框架的核心功能和使用场景。
Phaser是开源2D游戏引擎,适合HTML5游戏,内置物理引擎和强大的图形渲染功能,适用于2D游戏,如消消乐。Three.js是基于WebGL的3D库,用于创建和显示3D图形,支持交互和多种3D效果,广泛应用在游戏、可视化等多个领域。两者各有侧重,选择取决于项目需求和图形交互要求。
203 3
|
XML 编解码 编译器
Unity跨平台UI解决方案:可能是最全的FairyGUI系列教程-第八天
众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!
1743 0
|
8月前
|
编解码 前端开发 人机交互
【Unity 3D】UI系统中UGUI各个组件的详细讲解(附源码 超详细)
【Unity 3D】UI系统中UGUI各个组件的详细讲解(附源码 超详细)
368 0
|
编解码 JavaScript 前端开发
前端祖传三件套JavaScript的BOM的screen对象
BOM(浏览器对象模型)提供了很多与浏览器窗口相关的操作,其中最重要的就是 window 对象。而 Screen 对象则代表了用户显示器屏幕的信息,包括分辨率、色彩深度等。在本文中,我们将深入探讨 JavaScript Screen 对象,并介绍其中一些常用的属性和方法。
152 0
|
API 图形学 Android开发
Unity跨平台UI解决方案:可能是最全的FairyGUI系列教程-第七天
众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!
1060 0
|
前端开发 图形学 Android开发
Unity跨平台UI解决方案:可能是最全的FairyGUI系列教程-第六天
众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!
1747 0
Unity跨平台UI解决方案:可能是最全的FairyGUI系列教程-第六天
|
XML 前端开发 图形学
Unity跨平台UI解决方案:可能是最全的FairyGUI系列教程-第五天
众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!
582 0
|
JavaScript 前端开发 Web App开发
超棒的20款javascript工具提示条(tooltips)类库(转)
大家在网站开发和设计过程中,往往需要提示用户某些功能或者相关消息,而HTML自带的title属性又往往不够强大,经常需要我们自己去开发相关的工具提示条功能。为了帮助大家更好的开发相关的工具提示条功能,这里我们收集了一套超棒的javascript和javascript类库,如果你不清楚如何选择这些类库的话,请关注我们的“web前端最佳实践”系列中的tooltip工具条选择。
1710 0
超棒的20款javascript工具提示条(tooltips)类库(转)

热门文章

最新文章

相关课程

更多
下一篇
开通oss服务