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
jQuery插件开发
jQuery插件开发
52 0
|
4月前
|
编解码 前端开发 人机交互
【Unity 3D】UI系统中UGUI各个组件的详细讲解(附源码 超详细)
【Unity 3D】UI系统中UGUI各个组件的详细讲解(附源码 超详细)
77 0
|
9月前
|
设计模式 前端开发 测试技术
WPF开发之Prism详解【内附源码】
WPF开发之Prism详解【内附源码】
217 0
|
移动开发 前端开发 JavaScript
鸿蒙-webview的使用和JS交互(附源码)
日常我们在开发项目时,为了项目快速的开发和迭代,难免会用到H5页面。使用鸿蒙进行项目开发时,也一样免不了要加载H5页面,在移动开发中打开H5页面需要使用WebView组件。同时,为了和H5页面进行数据交换,有时候还需要借助JSBridge来实现客户端与H5之间的通讯。 那么鸿蒙之中用到的技术是什么呢?WebView 在此之前,先看一个报错 ​ App Launch: The Huawei Lite Simulator supports only Lite projects.
339 0
鸿蒙-webview的使用和JS交互(附源码)
|
图形学
egret连连看项目实战之四(异步加载进度条)
egret连连看项目实战之四(异步加载进度条)
egret连连看项目实战之四(异步加载进度条)
|
容器
react-Ant Design框架项目中文字轮播与图片轮播的实现
在react-Ant Design框架项目中实现文字轮播和图片轮播,在这里记录一下,实现过程有一点小坑需要注意
481 0
react-Ant Design框架项目中文字轮播与图片轮播的实现
|
编解码 调度 Android开发
在项目中运用Meterial Design实现动画效果
在 2015 年的 I/O 开发者大会上,Google 介绍了一个新的 Android Design Support Library,该库可以帮助开发者在应用上使用 meterial design。以前在自己公司的项目上有用过,最近把这个库中的 CoordinatorLayout单独拿出来做了个小例子写篇博文,纯粹当成整理复习笔记,下次如果需求再碰到这个,直接用上 。。。
103 0
在项目中运用Meterial Design实现动画效果
|
前端开发 JavaScript 数据可视化
|
JavaScript 知识图谱

热门文章

最新文章

相关课程

更多