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

做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

 

时间: 2024-10-14 16:43:08

CaseStudy(showcase)类库篇-用agTweener来实现动画效果的相关文章

CaseStudy(showcase)数据篇-Loading的制作

做silvelight也有一段时间了,相册.游戏,刚刚完成的showcase这个小程序算是一个阶段了.这里就以showcase这个项目来做一下CaseStudy. 数据篇-Loading的制作 silverlight自带了一个loading.但是由于界面的需求可能需要定制化一下.这里我的思路是做两个sl文件用其中一个去加载另外一个.也就是说有两个xap文件一个是主要的也就是你做的silverlight程序文件,另一个小的是用来做loading的. 参考文章: 技巧:在Silverlight中如何

CaseStudy(showcase)布局篇-列表的排放与遮罩

做silvelight也有一段时间了,相册.游戏,刚刚完成的showcase这个小程序算是一个阶段了.这里就以showcase这个项目来做一下CaseStudy. 布局篇-列表的排放与遮罩 有数据就肯定会有列表,这里就写一下我使用的心得. 做列表这里我选用的是StackPanel,它可以横向或纵向排列.同样若是纵向排列.可以设置宽度一定.高度Auto.如果需要设置间距,那就在它的子控件设置. 重点说一下对StackPanel的遮罩. 这个做遮罩首先先把StackPanel组合到一个Canvas中

CaseStudy(showcase)界面篇-desing设计界面

做silvelight也有一段时间了,相册.游戏,刚刚完成的showcase这个小程序算是一个阶段了.这里就以showcase这个项目来做一下CaseStudy. 界面篇-desing设计界面 首先先说明下,我是一个程序员所以请不要在设计方面做评价.我在这里要讲的是如何使用Design这个工具来做设计. 简单的说明一下,这是一个作为案例展示的程序.功能方面设计的也比较简单.就是类别.项目和项目的简介. ok先看看最终要实现的效果. 把页面中要用到的元件拆解来一个一个制作. 最左边区域是要能够自适

CaseStudy(showcase)布局篇-如何做一个自适应窗口大小的布局

做silvelight也有一段时间了,相册.游戏,刚刚完成的showcase这个小程序算是一个阶段了.这里就以showcase这个项目来做一下CaseStudy. 布局篇-如何做一个自适应窗口大小的布局 Canvas是对其子控件绝对定位的子控件需要设置宽高.Grid而是对其子控件设置上下左右边距的子控件不一定需要设置宽高直接用Auto属性即可大小受父控件影响. 了解了特性及可以开始制作了.首先先从最外层的UserControl做起,在这里给他一个固定的宽高.这个宽高在发布的时候是可以改变的.主要

CaseStudy(showcase)数据篇-加载图片

做silvelight也有一段时间了,相册.游戏,刚刚完成的showcase这个小程序算是一个阶段了.这里就以showcase这个项目来做一下CaseStudy. 数据篇-加载图片 beta1到beta2中加载图片的方法有些改变.         private void LoadImage(String MediaUrl)         {             Uri uri = new Uri(HtmlPage.Document.DocumentUri, MediaUrl);     

CaseStudy(showcase)界面篇-导出xaml以及放入Blend的技巧

做silvelight也有一段时间了,相册.游戏,刚刚完成的showcase这个小程序算是一个阶段了.这里就以showcase这个项目来做一下CaseStudy. 界面篇-导出xaml以及放入Blend的技巧 选中刚才制作好的元件,右键导出. 导出的设置如下图所示: 将到出的XAML复制出来.不要复制最外层的节点,复制里边的就可以了.所有的部件都是用这种方法导出. 吧代码粘贴入blend中.然后右键选择后做组合.这里有两个常用的.一个Grid一个Canvas. 每一个都有不同的用法.具体如何选择

CaseStudy(showcase)布局篇-全屏效果

        public Page()         {             InitializeComponent();             App.Current.Host.Content.Resized += new EventHandler(Content_Resized);             App.Current.Host.Content.FullScreenChanged += new EventHandler(Content_FullScreenChanged

5个能够有效帮助你快速创建超棒CSS3动画效果的类库

日期:2012-11-28  来源:GBin1.com 如果你开发前端特效的话,肯定会首选javascript类库,例如,jQuery,使用它能够帮助你快速的帮助你生成兼容性相对良好的动画特效.或者,如果你对于兼容性没有太多的要求的话,你可以考虑使用性能更加优良的CSS3动画特效.大家可能还记得我们以前介绍过的animate.css, Easings和liffect三个超棒的CSS3动画类库吧.今天我们这里总结了5款有效帮助你生成CSS3动画效果的类库和工具,希望大家喜欢! Animate.cs

JQuery实现DIV其他动画效果的简单实例_jquery

1.toggle 切换对象的隐藏和显示,可以用来代替show和hide <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>