flex的特效 （转载）

文章分类:Web前端


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

学习flex如果不学习特效等于进了宝山空手而归，所以学习flex一定要学习flex的特效。

有个特效组叫做Distortion的，里面总共有6个特效，每个特效很令人惊讶。它们分别CubeRotate,flip，Push，Pop，Gate和Door。每个类都有一些公共属性，它们都是想通的，分别是duration持续时间，target(效果作用的对象),siblings(转向哪个对象)，id标志符，direction方向，Smoothing Mode是否为平坦模式，默认为true，倘若false，画面即变得粗糙，blur模糊，选中的话会有两个属性blurX和blurY，但画面出来或者出去的时候，画面会变模糊，distortion弯曲，本人认为默认的就可以了，太大或者太小都将严重影响画面质量，lightLocationa光亮的地方，有水平和垂直之分,最后是strength了，这个不必多说。在这里贴一段代码

<mxeffects:Door id="doorIn" target="{login}" siblings="{[registration]}" direction="LEFT" horizontalLightingLocation="LEFT" duration="1000"/>
<mxeffects:Door id="doorOut" target="{registration}" siblings="{[login]}" direction="RIGHT" horizontalLightingLocation="RIGHT" duration="1000"/>
<mx:ViewStack id="viewStack">
<sides:Login id="login" title="login" hideEffect="{doorIn}" change="viewStack.selectedChild=registration"/>
<sides:Registration id="registration" hideEffect="{doorOut}" change="viewStack.selectedChild=login" title="registration"/>
</mx:ViewStack>