旋转面板 http://www.tink.ws/blog/files/flex/FlipExample.html
http://www.insideria.com/2008/10/efflex-designer-effects-for-fl.html放大图片
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切换效果 ......
1:glow(发光)
代码:
<mx:Glow id="glow" duration="1000"
alphaFrom="0.6" alphaTo="0.2"
blurXFrom="0.0" blurXTo="50.0"
blurYFrom="0.0" blurYTo="50.0"
color="0xffffff"/>
duratuion 是特效的时间 1000 毫秒
alphaFrom 是透明度从 0.6 开始
alphaTo 是透明度到 0.2
blurXFrom 是X放向的模糊开始位置(相对于控件的)
blurXTo 是X放向的模糊结束位置(相对于控件的)
blurYFrom 是Y放向的模糊开始位置(相对于控件的)
blurYTo 是Y放向的模糊结束位置(相对于控件的)
color 是发光的颜色
作用到控件:
<mx:Image source="../assets/zh_cn_msdn_T_20070606.png" rollOverEffect="{glow}" id="back"/>
这里面有许多特效很酷,希望对大家有帮助。 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/
12. http://flanture.blogspot.com/2008/05/simple-flex-effects-example.html
13.果冻效果: http://blog.sban.com.cn/2008/04/01/jelly-effect-alert-window.html
14.BOOK: http://www.quietlyscheming.com/blog/components/flexbook/
flex滤镜:聚光灯效果、放大镜效果、缩放模糊效果、
![](https://i-blog.csdnimg.cn/blog_migrate/a4c26d1e5885305701be709a3d33442f.gif)
www.cnblogs.com/xxcainiao/archive/2008/11/08/1329664.html
可惜提供的源代码没有相应的libs包
1:聚光灯效果:
实例:http://www.rphelan.com/flex/SpotlightDemo/SpotlightDemo.html
- ambientColor - color to apply to all pixels of the image
- angle - angle at which the spotlight is projected (in degrees)
- azimuth - angle between the image plane and the spotlight (in degrees)
- coneAngle - angle of the spotlight's "opening" (in degrees)
- distance - distance from the spotlight to the center point
- intensity - intensity of the spotlight
- position - x, y, z position of the spotlight
- spotColor - color of the spotlight
源文件:http://www.rphelan.com/flex/SpotlightDemo/srcview/index.html
2:放大镜效果:
实例:http://www.rphelan.com/flex/MagnifyDemo/MagnifyDemo.html
- center ([0-2048, 0-2048]) - the center coordinates of the magnified area
- outerRadius (0-500) - the radius of the magnified part of the image
- innerRadius (0-500) - the radius of the fully magnified part of the image
- magnification (1-50) - the amount to magnify the image by (e.g. set to 2 for a 2x magnification)
源文件:http://www.rphelan.com/flex/MagnifyDemo/srcview/index.html
3:缩放模糊效果:
实例:http://www.rphelan.com/flex/ZoomBlurDemo/ZoomBlurDemo.html
- amount (0 - 0.5) - the amount of blur to apply
- center ([0 - 2048, 0 - 2048]) - the focal point of the blur
源文件:http://www.rphelan.com/flex/ZoomBlurDemo/srcview/index.html
4:浮雕效果:
实例:http://www.rphelan.com/flex/SharpenDemo/SharpenDemo.html
- amount (0 - 20) - the amount to sharpen the image by
- radius (0 - 1) - pixel distance to sample from
源文件:http://www.rphelan.com/flex/SharpenDemo/srcview/index.html
5:水波效果:
实例:http://www.rphelan.com/flex/WaveReflectionDemo/WaveReflectionDemo.html
- amplitude (0-1) - the height of the waves
- frequency (0-.54) - how close together the waves are. Higher value = more waves.
- progress (0-1) - percentage of the wave sequence. Animate from 0 to 1 to get a smooth wave effect.
源文件:http://www.rphelan.com/flex/WaveReflectionDemo/srcview/index.html