惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Martin Fowler
Martin Fowler
博客园 - 三生石上(FineUI控件)
WordPress大学
WordPress大学
博客园_首页
宝玉的分享
宝玉的分享
S
SegmentFault 最新的问题
Jina AI
Jina AI
Hugging Face - Blog
Hugging Face - Blog
V
Visual Studio Blog
美团技术团队
IT之家
IT之家
罗磊的独立博客
Blog — PlanetScale
Blog — PlanetScale
Google DeepMind News
Google DeepMind News
月光博客
月光博客
Microsoft Azure Blog
Microsoft Azure Blog
H
Help Net Security
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Last Week in AI
Last Week in AI
博客园 - 叶小钗
M
MIT News - Artificial intelligence
B
Blog RSS Feed
有赞技术团队
有赞技术团队
Y
Y Combinator Blog

博客园 - davin

Beginning Asp.Net Security 读书笔记-----XSS phonegap3.0+HTMLl5 开发 ipad app 总结 移动支付-修复FireFox在android移动设备下面的Session 丢失的问题 Window.history.forward(1) 阻止页面后退详解 Pro WPF and Silverlight MVVM:第5章 Event and Command 读书笔记 Pro WPF and Silverlight MVVM 第4章ViewModel 读书笔记 Silverlight4:Devexpress Report Useful rules for compatible with FF,safari and ie8 Entity Framework 4.0 FK Properties && FK Associations Entity Framework 4.0 recipes 读书笔记2 ExecuteStoreQuery() Entity Framework 4.0 Recipes 读书笔记1 EDM中的 Complex Type sqlserver2008 + team foundation server 2008 sp1 silverlight animation 读书笔记(4)三角函数 silverlight animation 读书笔记(3)坐标与向量 silverlight animation 读书笔记<2>模糊, 裁剪,拖拽 在silverlight中打开调用外部程序的几种方式 Entity Framework object && Json 序列化的问题 silverlight3:(ItemControl 的)UI Virtualization SharpZipLib 数据压缩
foundation silverligh3 animation 读书笔记<1>transform
davin · 2010-08-22 · via 博客园 - davin

最基本的动画效果当属transform,它分为translate,rotate,scale,skew,flip这几种形式,下面是我简要的总结

Translate:只要是位置上的变化(基于动画对象x,y轴这种位置的变化)

Rotate:自身的旋转,在blend里transform标签下的Rotate设置angle,angle>0,顺时针旋转;angle<0则是

Scale:自身的缩放。eg:scale x=2,则动画对象x轴方向放大2倍,

Skew:倾斜,  x,y轴的倾斜

Flip:(这个不太好描述)在看过具体的动画效果后,我觉得 翻转比较贴切(沿x,y轴)

在使用上面的这几种形式的transform 时都应选好centerpoint(参照点,我觉得很重要)。

看到园子里面也有朋友写关于transform的文章,具体的步骤也懒得说了。基本上这本书中的前面3章中基本上讲的就是这些基本的动画。

1.skew and centerPoint

 这个例子是这本书里面的一个例子,我做的一些改进,让这个类似风扇旋转的效果。这个动画效果的改进的关键点就在于centerpoint的选取,显然在这个Rotate动画里面centerPoint选取的是中间的轴。

2.通常上面说到的动画效果都是对动画体,当然也有的一些动画效果是通过改变动画体的属性来实现的 比如opacity,visiblity,height,width,,color关于这几个我都做过练习

3.Flip 这个动画效果男理解,特别是x,y轴同时翻转时,出来的动画效果几乎没发去理解,如下图中第3个球的效果