Flex4和Flex4.5 里面 最酷的部分莫过于动画效果 Spark effects 其中包括以下几种效果
http://help.adobe.com/zh_CN/flex/using/WS4809A78C-9738-465d-B875-B0049C9B0ED4.html效果可以直接作用于 任何Spark或MX组件, 和在 spark.primitives package 包中的图形组件 例如Rect, Ellipse, path 还可以用于 包含效果作用的任何对象上
spark.effects 里面的 Fade 效果 淡入淡出
http://help.adobe.com/zh_CN/AS3LCR/Flex_4.0/spark/effects/Fade.htmlhttp://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf5fdc3-7fef.html在 Flex 里面 <fx:Declarations>标签中可以直接使用 特效
其中 duration="2000" 标签 代表动画持续的效果时间 单位毫秒
Effect.startDelay 标签 表面首次动画开始之前的需要多长时间延迟才开始动画,单位毫秒 必须大于等于0
Effect.repeatCount 标签 代表效果重复次数 Effect.repeatDelay 代表每次重复之前的延迟时间
- <fx:Declarations>
- <s:Fade id="slowFade"
- duration="2000"
- target="{myButton1}"/>
- </fx:Declarations>
Parallel 该标签可以使多个效果同时播放,注意多个效果不能同时修改 同一个目标组件的属性.
Sequence 该标签可以是多个效果按照顺序播放,
请看下面范例
- <?xml version="1.0"?>
- <!-- behaviors\CompositeEffects.mxml -->
- <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:mx="library://ns.adobe.com/flex/mx"
- xmlns:s="library://ns.adobe.com/flex/spark">
- <s:layout>
- <s:VerticalLayout/>
- </s:layout>
-
- <fx:Declarations>
- <s:Sequence id="fadeResizeHide"
- target="{aTextArea}"
- duration="1000">
- <s:Fade id="fadeHide"
- alphaFrom="1.0"
- alphaTo="0.0"/>
- <s:Resize id="resizeHide"
- widthTo="0"
- heightTo="0"/>
- </s:Sequence>
- <s:Parallel id="fadeResizeShow"
- target="{aTextArea}"
- duration="1000">
- <s:Resize id="resizeShow"
- widthTo="100"
- heightTo="50"/>
- <s:Fade id="fadeShow"
- alphaFrom="0.0"
- alphaTo="1.0"/>
- </s:Parallel>
- </fx:Declarations>
- <s:TextArea id="aTextArea"
- width="100" height="50"
- text="Hello world."/>
- <s:Button id="myButton2"
- label="Hide!"
- click="fadeResizeHide.end();fadeResizeHide.play();"/>
- <s:Button id="myButton1"
- label="Show!"
- click="fadeResizeShow.end();fadeResizeShow.play();"/>