Flex特效 这里面有许多特效很酷,希望对大家有帮助。
1.旋转
效果:[url]http://www.alex-uhlmann.de/flash/adobe/blog/distortionEffects/effectCube/[/url]
代码:[url]http://weblogs.macromedia.com/auhlmann/archives/DistortionEffects.zip[/url]
2.画布按钮
[url]http://dougmccune.com/blog/2007/06/01/new-component-canvasbutton-added-to-flexlib/[/url]
3.鱼眼工具条
效果:[url]http://dev.getoutsmart.com/labs/dock/[/url]
代码:[url]http://dev.getoutsmart.com/labs/dock/dockdemo.zip[/url]
4.窗口
[url]http://www.returnundefined.com/flexmdi/explorer/[/url]
[url]http://window.diaztorres.com/bin-release/test_window.html[/url]
5.切换效果
[url]http://blogs.digitalprimates.net/codeSlinger/samples/carousel/CarouselTest.html[/url]
6.图片展示
效果:[url]http://flex.diaztorres.com/samples/aladinotest/aladino_test.html[/url]
代码:[url]http://www.madeinflex.com/img/entries/2008/01/aladino.zip[/url]
7.自定义载入进度条
[url]http://blog.diaztorres.com/2007/05/mipreloader/mipreloaderdemo.html[/url]
8.Flex Mac弹出窗口
[url]http://blog.xsive.co.nz/archives/244[/url]
9.果冻特效弹出窗口
[url]http://blog.sban.com.cn/2008/04/01/jelly-effect-alert-window.html[/url]
10.Alert弹出效果
[url]http://www.cnblogs.com/taobataoma/archive/2008/01/13/1037082.html[/url]
11.自定义ToolTip
图片:[url]http://everythingflex.com/flex2/ImageToolTip/Index.html[/url]
视频:[url]http://labs.flexcoders.nl/samples/ToolTip/video/002/[/url]
弹性:[url]http://labs.flexcoders.nl/samples/ToolTip/spring/001/[/url]
12. [url]http://flanture.blogspot.com/2008/05/simple-flex-effects-example.html[/url]
13.果冻效果: [url]http://blog.sban.com.cn/2008/04/01/jelly-effect-alert-window.html[/url]
14.BOOK: [url]http://www.quietlyscheming.com/blog/components/flexbook/[/url]
1:聚光灯效果:
实例:[url]http://www.rphelan.com/flex/SpotlightDemo/SpotlightDemo.html[/url]
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
源文件:[url]http://www.rphelan.com/flex/SpotlightDemo/srcview/index.html[/url]
2:放大镜效果:
实例:[url]http://www.rphelan.com/flex/MagnifyDemo/MagnifyDemo.html[/url]
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)
源文件:[url]http://www.rphelan.com/flex/MagnifyDemo/srcview/index.html[/url]
3:缩放模糊效果:
实例:[url]http://www.rphelan.com/flex/ZoomBlurDemo/ZoomBlurDemo.html[/url]
amount (0 - 0.5) - the amount of blur to apply
center ([0 - 2048, 0 - 2048]) - the focal point of the blur
源文件:[url]http://www.rphelan.com/flex/ZoomBlurDemo/srcview/index.html[/url]
4:浮雕效果:
实例:[url]http://www.rphelan.com/flex/SharpenDemo/SharpenDemo.html[/url]
amount (0 - 20) - the amount to sharpen the image by
radius (0 - 1) - pixel distance to sample from
源文件:[url]http://www.rphelan.com/flex/SharpenDemo/srcview/index.html[/url]
5:水波效果:
实例:[url]http://www.rphelan.com/flex/WaveReflectionDemo/WaveReflectionDemo.html[/url]
学习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>
1.旋转
效果:[url]http://www.alex-uhlmann.de/flash/adobe/blog/distortionEffects/effectCube/[/url]
代码:[url]http://weblogs.macromedia.com/auhlmann/archives/DistortionEffects.zip[/url]
2.画布按钮
[url]http://dougmccune.com/blog/2007/06/01/new-component-canvasbutton-added-to-flexlib/[/url]
3.鱼眼工具条
效果:[url]http://dev.getoutsmart.com/labs/dock/[/url]
代码:[url]http://dev.getoutsmart.com/labs/dock/dockdemo.zip[/url]
4.窗口
[url]http://www.returnundefined.com/flexmdi/explorer/[/url]
[url]http://window.diaztorres.com/bin-release/test_window.html[/url]
5.切换效果
[url]http://blogs.digitalprimates.net/codeSlinger/samples/carousel/CarouselTest.html[/url]
6.图片展示
效果:[url]http://flex.diaztorres.com/samples/aladinotest/aladino_test.html[/url]
代码:[url]http://www.madeinflex.com/img/entries/2008/01/aladino.zip[/url]
7.自定义载入进度条
[url]http://blog.diaztorres.com/2007/05/mipreloader/mipreloaderdemo.html[/url]
8.Flex Mac弹出窗口
[url]http://blog.xsive.co.nz/archives/244[/url]
9.果冻特效弹出窗口
[url]http://blog.sban.com.cn/2008/04/01/jelly-effect-alert-window.html[/url]
10.Alert弹出效果
[url]http://www.cnblogs.com/taobataoma/archive/2008/01/13/1037082.html[/url]
11.自定义ToolTip
图片:[url]http://everythingflex.com/flex2/ImageToolTip/Index.html[/url]
视频:[url]http://labs.flexcoders.nl/samples/ToolTip/video/002/[/url]
弹性:[url]http://labs.flexcoders.nl/samples/ToolTip/spring/001/[/url]
12. [url]http://flanture.blogspot.com/2008/05/simple-flex-effects-example.html[/url]
13.果冻效果: [url]http://blog.sban.com.cn/2008/04/01/jelly-effect-alert-window.html[/url]
14.BOOK: [url]http://www.quietlyscheming.com/blog/components/flexbook/[/url]
1:聚光灯效果:
实例:[url]http://www.rphelan.com/flex/SpotlightDemo/SpotlightDemo.html[/url]
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
源文件:[url]http://www.rphelan.com/flex/SpotlightDemo/srcview/index.html[/url]
2:放大镜效果:
实例:[url]http://www.rphelan.com/flex/MagnifyDemo/MagnifyDemo.html[/url]
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)
源文件:[url]http://www.rphelan.com/flex/MagnifyDemo/srcview/index.html[/url]
3:缩放模糊效果:
实例:[url]http://www.rphelan.com/flex/ZoomBlurDemo/ZoomBlurDemo.html[/url]
amount (0 - 0.5) - the amount of blur to apply
center ([0 - 2048, 0 - 2048]) - the focal point of the blur
源文件:[url]http://www.rphelan.com/flex/ZoomBlurDemo/srcview/index.html[/url]
4:浮雕效果:
实例:[url]http://www.rphelan.com/flex/SharpenDemo/SharpenDemo.html[/url]
amount (0 - 20) - the amount to sharpen the image by
radius (0 - 1) - pixel distance to sample from
源文件:[url]http://www.rphelan.com/flex/SharpenDemo/srcview/index.html[/url]
5:水波效果:
实例:[url]http://www.rphelan.com/flex/WaveReflectionDemo/WaveReflectionDemo.html[/url]
学习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>