大连杰特公寓风水不好:Flex特效汇总（2）

Flex特效汇总（2）

 旋转面板    http://www.tink.ws/blog/files/flex/FlipExample.html

 http://www.insideria.com/2008/10/efflex-designer-effects-for-fl.html放大图片

1：glow(发光)

代码：

        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 是发光的颜色

作用到控件：

rollOverEffect 是鼠标经过时触发。

效果图参看：

2：Blur(模糊)

代码：

        blurXFrom="0.0" blurXTo="10.0"

        blurYFrom="0.0" blurYTo="10.0"/>

duratuion 是特效的时间 1000 毫秒

blurXFrom 是X放向的模糊开始位置(相对于控件的)

blurXTo 是X放向的模糊结束位置(相对于控件的)

blurYFrom 是Y放向的模糊开始位置(相对于控件的)

blurYTo 是Y放向的模糊结束位置(相对于控件的)

作用到控件：

      mouseUpEffect="{unblurImage}"

toolTip="Welcome"/>

mouseDownEffect 是鼠标按下时的特效。

mouseUpEffect 是鼠标松开时的特效

效果图参看：

3：Sequence (顺序) Bounce(弹跳)

代码：

import mx.effects.easing.*;

yBy 是作用在Y方向。

duratuion 是特效的时间 1000 毫秒

easingFunction 是松开动作

Bounce.easeOut 是跳出的动作

Bounce.easeIn 是跳回的动作

作用到控件：

mouseDownEffect="{movePauseMove}"

id="image4"/>

mouseDownEffect 是鼠标按下时的特效。

效果参看：

4：Zoom(放大)

代码：

zoomWidthFrom="1" zoomWidthTo="1.5"

zoomHeightFrom="1"  zoomHeightTo="1.5" />

zoomWidthFrom 放大的宽度从 1 倍开始

zoomWidthTo 放大的宽度到 1.5 倍

zoomHeightFrom 放大的高度从 1 倍开始

zoomHeightTo 放大的高度到 1.5 倍

import flash.events.MouseEvent;

public function doZoom(event:MouseEvent):void {

       if (zoomAll.isPlaying) {  //判断动作是否正在进行中

                    zoomAll.reverse();   //如果是就返回(如果是放大就变成缩小)

                }

                else {

                    zoomAll.play([event.target], event.type == MouseEvent.ROLL_OUT ? true : false);  //判断事件是否是 鼠标移出事件，如果是就为true否则的话就为false

                }

            }

]]>

作用到控件：

      rollOver="doZoom(event)"

      rollOut="doZoom(event)"

id="image4"/>

rollOver：鼠标经过事件。

rollout：鼠标移出事件。

参看效果图：

其它:

这里面有许多特效很酷，希望对大家有帮助。

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