Flex中的常见的效果

Flex中的常见的效果

Effect中
<mx:AnimateProperty>可实现拉伸效果
<mx:Blur>模糊效果
<mx:Dissolve>实现淡出淡入效果,与<mx:Fade>相似
<mx:Glow>外发光效果
<mx:Iris>以矩形方式出现或消失
<mx:Move>移动效果
<mx:Parallel>多种效果叠加
<mx:Pause>停止 mx.effects.easing.Bounce.easeOut可产生弹动效果
<mx:Resize>改变大小
<mx:Rotate>旋转角度
<mx:SoundEffect>声音效果
<mx:WipeDown>从上往下消失或出现
<mx:WipeLeft>从右往左消失或出现
<mx:WipeRight>从左往右消失或出现
<mx:WipeUp>从下往上消失或出现
<mx:Zoom>放大或缩小
<mx:Transition>不同state切换时的过渡效果

Charts(统计)
<mx:AreaChart>是一种以面积作为表示方式
<mx:AxisRenderer>是一种轴图,股票交易常以这种方式表示
<mx:BarChart>是柱状图
<mx:BubbleChart>气泡图
<mx:CandlestickChart>一种比较有趣的图,"涨"跟"跌"的颜色会不一样
<mx:CategoryAxis>跟AxisRenderer很像
<mx:ColumnChart>跟<mx:BarChart>很像
<mx:DateTimeAxis>以日期为轴的折线图
<mx:GridLines>多条线图
<mx:HLOCChart>跟AxisRenderer很像
<mx:Legend>图例,离散的点
<mx:LinearAxis>Axis系列
<mx:LineChart>折线图
<mx:LogAxis>Axis系列
<mx:PieChart>饼图
<mx:PlotChart>跟Legend很像

http://www.noupe.com/adobe/flex-developers-toolbox-free-components-themes-and-tutorials.html经典中的经典
http://www.efflex.org/EfflexExplorer.html堪称经典
http://mofeichen.javaeye.com/blog/466171里面有好多特效例子
http://www.marcusschiesser.de/?p=67 3D相册，还不错
http://www.switchonthecode.com/tutorials/getting-started-with-adobe-flex-and-away3d 3D旋转-有源码
http://actionscriptnotes.com/showcase/renju/Main.html flex 开发的五子棋，效果很好
http://dougmccune.com/blog/2008/02/26/examples-from-my-360flex-session-using-open-source-community-projects/
包括：VistaFlow效果、MP3Flow等其他
http://dougmccune.com/360Flex_ATL/FlexSpyEventListeners/flex图表和datagrid切换效果 ......

Flex效果

1.旋转

效果： http://www.alex-uhlmann.de/flash/adobe/blog/distortionEffects/effectCube/

代码： http://weblogs.macromedia.com/auhlmann/archives/DistortionEffects.zip

2.画布按钮

http://dougmccune.com/blog/2007/06/01/new-component-canvasbutton-added-to-flexlib/

3.鱼眼工具条

效果： http://dev.getoutsmart.com/labs/dock/

代码： http://dev.getoutsmart.com/labs/dock/dockdemo.zip

4.窗口

http://www.returnundefined.com/flexmdi/explorer/

http://window.diaztorres.com/bin-release/test_window.html

5.切换效果

http://blogs.digitalprimates.net/codeSlinger/samples/carousel/CarouselTest.html

6.图片展示

效果：http://flex.diaztorres.com/samples/aladinotest/aladino_test.html

代码：http://www.madeinflex.com/img/entries/2008/01/aladino.zip

7.自定义载入进度条

http://blog.diaztorres.com/2007/05/mipreloader/mipreloaderdemo.html

8.Flex Mac弹出窗口

http://blog.xsive.co.nz/archives/244

9.果冻特效弹出窗口

http://blog.sban.com.cn/2008/04/01/jelly-effect-alert-window.html

10.Alert弹出效果

http://www.cnblogs.com/taobataoma/archive/2008/01/13/1037082.html

11.自定义ToolTip

图片： http://everythingflex.com/flex2/ImageToolTip/Index.html

视频： http://labs.flexcoders.nl/samples/ToolTip/video/002/

弹性： http://labs.flexcoders.nl/samples/ToolTip/spring/001/

翻牌效果图：http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/

立方体：http://blog.5d.cn/user39/riahome/upload/2007-09/DistortionExamples.swf

平铺：http://www.marcusschiesser.de/?p=67

3D：http://www.flexer.cn/blog/?p=614