很好很強大的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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章