1. 程式人生 > >Flex特效很酷

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/

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/

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

效果:http://blog.xsive.co.nz/flex_source/mac_popup_2/index.html

原始碼:http://blog.xsive.co.nz/flex_source/mac_popup_2/srcview/