很好很强大的flex特效

旋转面板    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滤镜:聚光灯效果、放大镜效果、缩放模糊效果、

转载flex滤镜:聚光灯效果、放大镜效果、缩放模糊效果、浮雕效果和水波效果
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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值