首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

flex的奇效 (转载)

2012-11-01 
flex的特效 (转载)Flex特效 这里面有许多特效很酷,希望对大家有帮助。 1.旋转效果:http://www.alex-uhlmann

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

学习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>
  

热点排行